This shows you the differences between two versions of the page.
Next revision | Previous revisionNext revisionBoth sides next revision | ||
en:create:stuff [20.11.2011 19:52] – created lmumovie | en:create:stuff [23.04.2021 17:17] – [A smaller text input field] sophia.schauer | ||
---|---|---|---|
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 ===== | ||
+ | |||
+ | In contrast to the registration form above, most questionnaires start with a friendly welcome page. The procedure is similar to adding a heading: | ||
+ | |||
+ | * Create a new text in the **List of Questions** within a rubric with **Add text**. | ||
+ | * Add an empty page at the beginning when composing your questionnaire. | ||
+ | * Drag and drop the text (like a question) onto the empty page. | ||
+ | |||
+ | |||
+ | ===== Text Input and Selection ===== | ||
+ | |||
+ | To add the text input fields (question 1: surname, first name etc in the example above), you need to create a question of the type **Text input**. | ||
+ | |||
+ | It is usually sensible to define the **Label Width**, e.g. " | ||
+ | |||
+ | For the selection (question: Main subject), you need __another question__ of the type **Selection**. | ||
+ | |||
+ | |||
+ | ==== Step by Step ==== | ||
+ | |||
+ | - Click on **New section** (on the left below List of Questions). | ||
+ | - On the right you can see the form for sections. Enter " | ||
+ | - On the right the form for a new question appears. In case it doesn' | ||
+ | - Type " | ||
+ | - On the right, further options for text input fields appear. Type in the following **Question title**: " | ||
+ | - Enter the items (Name, First Name, Student ID, ...) in the **Quick input for items** below. Alternatively, | ||
+ | - For the selection, click on **Add question** on the left. | ||
+ | - **Term** "Main Subject", | ||
+ | - **Question title** " | ||
+ | |||
+ | **Tip:** The item input for a selection question does not go via the quick input like for the text question. To make a quick entry here, use the //direct import//. Simply enter the items listed here (you can also simply copy and paste them from a document) and click //Save// {{: | ||
+ | |||
+ | |||
+ | ===== A smaller text input field ===== | ||
+ | |||
+ | For text input fields you can individually define the height and width. If you do not enter a height (default), text input fields are one row high and do not allow multi-line input. | ||
+ | |||
+ | To make the text field smaller, like in the example with the students, simply define the //Width of the text input field// -- " | ||
+ | |||
+ | |||
+ | ==== Step by Step ==== | ||
+ | |||
+ | - Select **SD Student Data** (List of Questions). | ||
+ | - Select the question **Personal Details** (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 " | ||
+ | |||
+ | |||
+ | ===== Gender Selection below the Text Inputs ===== | ||
+ | |||
+ | 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: | ||
+ | |||
+ | |||
+ | ==== Step by Step ==== | ||
+ | |||
+ | - 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 " | ||
+ | - Create " | ||
+ | - 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. | ||
+ | - If you have added the questions using the mouse, click on the first question (not on the title, but on the picture). In the dropdown menu **Spacing to the next question**, select **No spacing**. Confirm by clicking the green checkmark. Now, click on the second question (the dropdown selection). In **Show question text**, select the option **No**. Un-tick the box **Show explanation**. Confirm again by clicking the green checkmark. | ||
+ | - In case you decided to add PHP code, enter the following code: | ||
+ | |||
+ | <code php> | ||
+ | question(' | ||
+ | question(' | ||
+ | question(' | ||
+ | </ | ||
+ | |||
+ | The code must contain the correct question IDs. In this example, these are SD01 to SD03. | ||
+ | |||
+ | After (automatically) saving the questionnaire, | ||
+ | |||
+ | |||
+ | ===== 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. | ||
+ | |||
+ | |||
+ | ==== 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 " | ||
+ | - 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**. | ||
+ | |||
+ | You may also change the label of the next button for a single page, using the PHP function '' | ||
+ | |||
+ | |||
+ | ==== Step by Step ==== | ||
+ | |||
+ | - Select **Text Elements and Labels** from the menu. | ||
+ | - Beside //Next Button//, type " | ||
+ | - Beside //Page title//, you can optionally also type " | ||
+ | - Save by clicking //OK//. | ||
+ | |||
+ | |||
+ | ===== Activate and Edit Layout ===== | ||
+ | |||
+ | The width of the questionnaire is set by the layout used. Most layouts (except "SoSci Survey paper" | ||
+ | |||
+ | The example above uses the layout "SoSci Survey neutral", | ||
+ | |||
+ | |||
+ | ==== Step by Step ==== | ||
+ | |||
+ | - Select **Questionnaire Layout** from the menu. | ||
+ | - If you have not already activated a layout, scroll down to //Layout Templates// and click // | ||
+ | - The layout now appears in the list at the top. Click the description "SoSci Survey Neutral" | ||
+ | - At the top, you may change the //ID// to " | ||
+ | - In the first tab //Basic Settings// you find an option //Layout base width//. Enter the value " | ||
+ | - Save the changes | ||
+ | | ||
+ | |||
+ | |||
+ | ===== Further Solutions ===== | ||
+ | Solutions for other tasks can be found in the chapter [[composition|Advanced Display Options]]. |