Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Next revisionBoth sides next revision
en:create:stuff [27.11.2011 12:43] – added further subchapters lmumovieen:create:stuff [18.12.2014 21:03] admin
Line 117: Line 117:
 After (automatically) saving the questionnaire, you can test it and have look at the preliminary result. After (automatically) saving the questionnaire, you can test it and have look at the preliminary result.
  
 +===== Selection Option "Other" =====
 +
 +When using selection or multiple choice questions, additional input boxes can be displayed. This can be simply done by ticking the box //Show text input field for this option// in the item properties. You should define a width for this input box, since otherwise Internet Explorer will use the maximum width and spread the item over multiple rows.
 +
 +==== Step by Step ====
 +
 +  - Select section //SD Student Data// (List of Questions).
 +  - Select question //Main Subject// (List of Questions).
 +  - Select item //Other// or create as a new item (List of Questions).
 +  - Tick the box //Show text input field for this option//.
 +  - Set the //Width of the input field// to "250" pixels. Click //OK//.
 +  - Select question //Main Subject// again (List of Questions) and check the result in the preview at the bottom.
 +
 +===== Label the Next Button =====
 +
 +Any text that is displayed in the questionnaire can be edited via **Text Elements and Labels**.
 +
 +==== Step by Step ====
 +
 +  - Select **Text Elements and Labels** from the menu.
 +  - Beside //Next Button//, type "Register".
 +  - Beside //Page title//, you can optionally also type "Registration Form".
 +  - Save by clicking //OK//.
 +
 +**Important:** The next button now has the same label on every page of the questionnaire. If you need a different label on one page only, use the function ''[[:en:create:functions:option|option()]]''.
 +
 +===== Activate and Edit Layout =====
 +
 +The width of the questionnaire is set by the layout used. For example, the standard layout "oFb blue" allows a lot of space, the layout "oFb paper" considerably less.
 +
 +The example above uses the layout "neutral", but the width has been reduced from 600 pixels to 450. Because changing the width works differently for each layout, only the procedure for the neutral and the blue layout are described here. The width of layouts with graphic elements (e.g. "oFb paper") cannot be changed without "impairing" the layout graphically.
 +
 +==== Step by Step ====
 +
 +  - Select **Questionnaire Layout** from the menu.
 +  - Activate the layout "oFb neutral" for your project. At the bottom, you can see the //Default Layouts//. Next to //oFb neutral//, click //[Activate]// to use the layout in your project.
 +  - The layout now appears in the list at the top. Click the description "oFb neutral" or the {{:button.edit.gif}} button.
 +  - At the top, change the //ID// to "neutral_n". For the //Comment//, type "oFb neutral (narrow)".
 +  - Below, you can change the colours of the layout - to edit the width you have to scroll down to the bottom to the //HTML Template of the Layout//. Here, you can find the line:\\ div.questionary { width: 600px; margin: 20px auto 0px auto; text-align: left; }
 +  - Change the width of the layout (here defined as div.questionary) to 450 pixels:\\ div.questionary { width: 450px; margin: 20px auto 0px auto; text-align: left; }
 +  - Save by clicking //OK//.
 +  - Select you questionnaire via **Compose Questionnaire** and in the tab //Settings//, choose the new //Layout// "[neutral_n] oFb neutral (narrow)". //Save// by clicking OK and go to the tab //Questionnaire Pages//. By clicking the green arrow {{:button.run.gif}} you can check out your questionnaire in the narrow design.
 +
 +===== Further Solutions =====
 +
 +Solutions for other tasks can be found in the chapter [[composition|Advanced Display Options]].
en/create/stuff.txt · Last modified: 13.02.2024 18:58 by admin
 
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
Driven by DokuWiki