This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revision | Next revisionBoth sides next revision | ||
en:create:stuff [18.12.2014 21:03] – admin | en:create:stuff [29.03.2015 15:46] – Update admin | ||
---|---|---|---|
Line 1: | Line 1: | ||
====== Instructions for Common Jobs ====== | ====== Instructions for Common Jobs ====== | ||
- | Sometimes you need to think outside the box to solve particular tasks. This chapter introduces some typical situations. | + | Most questionnaires are easily implemented, |
- | A simple registration form for students | + | A simple registration form will serve as an example: |
{{: | {{: | ||
- | However, | + | You should be familiar with the basics -- how to create questions and place them in the questionnaire ([[: |
- | ===== Preparation: | ||
- | |||
- | Sooner or later a questionnaire is needed. In case you have not created one, yet, click on **Compose Questionnaire** on the left and create a new questionnaire using the following settings: | ||
- | |||
- | * **Name** " | ||
- | * **Title** " | ||
- | |||
- | Leave the other settings unchanged and save the questionnaire by clicking **OK**. Subsequently, | ||
===== Displaying a Heading ===== | ===== Displaying a Heading ===== | ||
Line 25: | Line 17: | ||
- Click **Text Elements and Labels** on the left and then **New text element** | - Click **Text Elements and Labels** on the left and then **New text element** | ||
- | - Provide your text with an ID (e.g. "Title") and enter the text (HTML code) in the window below, e.g. "< | + | - Provide your text with an ID (e.g. "title") and enter the text (HTML code) "< |
- Click OK to save the text element. | - Click OK to save the text element. | ||
- | - Click **Compose Questionnaire** on the left and select the questionnaire you created earlier | + | - Click **Compose Questionnaire** on the left. If necessary, |
- At the bottom right, below **Texts, Images, Audio** you can find the new text element. Using the mouse, drag it onto the page of the questionnaire. | - At the bottom right, below **Texts, Images, Audio** you can find the new text element. Using the mouse, drag it onto the page of the questionnaire. | ||
{{: | {{: | ||
+ | |||
===== Avoid Constantly Returning to the Questionnaire ===== | ===== Avoid Constantly Returning to the Questionnaire ===== | ||
- | To create a new text element or question, you need to leave the user interface for composing the questionnaire and return to it afterwards. This is annoying in the long run. To work more smoothly, you can use several | + | To create a new text element or question, you need to leave the user interface for composing the questionnaire and return to it afterwards. To work more smoothly, you can use several browser tabs/windows. |
- | If you are currently composing the questionnaire, | + | If you are currently composing the questionnaire, |
**Note for Mac users:** In case you are working with a Mac, you may not have a right mouse button. In this case, hold the CTRL button and click the menu item. | **Note for Mac users:** In case you are working with a Mac, you may not have a right mouse button. In this case, hold the CTRL button and click the menu item. | ||
- | {{: | + | {{: |
Now you have opened two areas of the program. Depending on the browser this will look slightly different. Using the tabs you can switch between these areas. | Now you have opened two areas of the program. Depending on the browser this will look slightly different. Using the tabs you can switch between these areas. | ||
- | {{: | + | {{: |
Henceforth, when creating a new question or text element, you will notice that the element is not displayed in the " | Henceforth, when creating a new question or text element, you will notice that the element is not displayed in the " | ||
- | {{: | + | {{: |
+ | |||
+ | **Warning: | ||
===== A Welcome at the Start of the Questionnaire ===== | ===== A Welcome at the Start of the Questionnaire ===== | ||
Line 57: | Line 53: | ||
* Add an empty page at the beginning when composing your questionnaire. | * Add an empty page at the beginning when composing your questionnaire. | ||
* Drag and drop the text element onto the empty page. | * Drag and drop the text element onto the empty page. | ||
+ | |||
===== Text Input and Selection ===== | ===== Text Input and Selection ===== | ||
Line 65: | Line 62: | ||
For the selection (question: Main subject), you need __another question__ of the type **Selection**. | For the selection (question: Main subject), you need __another question__ of the type **Selection**. | ||
+ | |||
==== Step by Step ==== | ==== Step by Step ==== | ||
Line 77: | Line 75: | ||
- **Term** "Main Subject", | - **Term** "Main Subject", | ||
- **Question title** " | - **Question title** " | ||
+ | |||
===== A smaller text input field ===== | ===== A smaller text input field ===== | ||
- | For text input fields you can individually define the height and width. If you do not enter a height, text input fields are one row high and do not allow multi-line input. | + | For text input fields you can individually define the height and width. If you do not enter a height |
+ | |||
+ | To make the text field smaller, simply define the //Width of the text input field// -- " | ||
- | To make the text field smaller, simply define the **Width of the text input field** - " | ||
==== Step by Step ==== | ==== Step by Step ==== | ||
Line 90: | Line 90: | ||
- Enter the width of the input field in the **Quick input for items** __or__ select the item **Year of Study** (List of Questions). | - Enter the width of the input field in the **Quick input for items** __or__ select the item **Year of Study** (List of Questions). | ||
- Enter " | - Enter " | ||
+ | |||
===== Gender Selection below the Text Inputs ===== | ===== Gender Selection below the Text Inputs ===== | ||
- | The last item of the personal details is a dropdown selection. Although it doesn' | + | The last item of the personal details is a dropdown selection. Although it doesn' |
+ | |||
+ | It is not visibly a separate question, because it is directly attached to the previous question. To do that, the previous question must not have any spacing - this can be set either via the settings for question items (see [[en: | ||
- | It is not visibly a separate question, because it is directly attached to the previous question. To do that, the previous question must not have any spacing - this can be set either via the settings for question items (see [[en: | ||
==== Step by Step ==== | ==== Step by Step ==== | ||
Line 101: | Line 103: | ||
- Add a new question of the **Type** " | - Add a new question of the **Type** " | ||
- As a **Lead text for the options**, enter "You are:". In the tab **Position of opener and input field**, enter " | - As a **Lead text for the options**, enter "You are:". In the tab **Position of opener and input field**, enter " | ||
- | - Create " | + | - Create " |
- Click **Compose Questionnaire** on the left and select the questionnaire " | - Click **Compose Questionnaire** on the left and select the questionnaire " | ||
- You can now add all three questions using the mouse (mind the sequence: SD01, SD03, SD02) or add a PHP code. | - You can now add all three questions using the mouse (mind the sequence: SD01, SD03, SD02) or add a PHP code. | ||
Line 116: | Line 118: | ||
After (automatically) saving the questionnaire, | After (automatically) saving the questionnaire, | ||
+ | |||
===== Selection Option " | ===== Selection Option " | ||
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. | 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 ==== | ==== Step by Step ==== | ||
Line 129: | Line 133: | ||
- Set the //Width of the input field// to " | - Set the //Width of the input field// to " | ||
- Select question //Main Subject// again (List of Questions) and check the result in the preview at the bottom. | - Select question //Main Subject// again (List of Questions) and check the result in the preview at the bottom. | ||
+ | |||
===== Label the Next Button ===== | ===== Label the Next Button ===== | ||
Any text that is displayed in the questionnaire can be edited via **Text Elements and Labels**. | Any text that is displayed in the questionnaire can be edited via **Text Elements and Labels**. | ||
+ | |||
+ | You may also change the label of the next button for a single page, using the PHP function '' | ||
+ | |||
==== Step by Step ==== | ==== Step by Step ==== | ||
Line 141: | Line 149: | ||
- Save by clicking //OK//. | - Save by clicking //OK//. | ||
- | **Important: | ||
===== Activate and Edit Layout ===== | ===== Activate and Edit Layout ===== | ||
- | The width of the questionnaire is set by the layout used. For example, the standard | + | The width of the questionnaire is set by the layout used. Most layouts (except "SoSci Survey paper" |
+ | |||
+ | The example | ||
- | The example above uses the layout " | ||
==== Step by Step ==== | ==== Step by Step ==== | ||
- Select **Questionnaire Layout** from the menu. | - Select **Questionnaire Layout** from the menu. | ||
- | - Activate the layout | + | - If you have not already activated a layout, |
- | - The layout now appears in the list at the top. Click the description "oFb neutral" or the {{: | + | - The layout now appears in the list at the top. Click the description "SoSci Survey Neutral" or the {{: |
- | - At the top, change the //ID// to " | + | - At the top, you may change the //ID// to " |
- | - Below, you can change | + | - In the first tab //Basic Settings// |
- | - 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 the changes |
- | - Save by clicking //OK//. | + | - If you have enabled only one layout in your survey project, the changes will be applied to the questionnaire |
- | - Select | + | |
===== Further Solutions ===== | ===== Further Solutions ===== | ||
Solutions for other tasks can be found in the chapter [[composition|Advanced Display Options]]. | Solutions for other tasks can be found in the chapter [[composition|Advanced Display Options]]. |