Differences

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

Link to this comparison view

Both sides previous revision Previous revision
en:create:stuff [18.12.2014 21:03]
admin
en:create:stuff [29.03.2015 15:46]
admin Update
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,​ using SoSci Survey. Yet, there are helpful tricks and cheats for some questions. This chapter introduces some typical situations.
  
-A simple registration form for students ​will serve as an example:+A simple registration form will serve as an example:
  
 {{:​de:​create:​scr.example.stuff.png|Beispiel-Fragebogen}} {{:​de:​create:​scr.example.stuff.png|Beispiel-Fragebogen}}
  
-However, ​the devil is in the details. The following paragraphs give attention to what cannot be seen at first glance.+You should be familiar with the basics -- how to create questions and place them in the questionnaire ([[:​en:​create:​basics]]) -- before reading this chapter.
  
-===== Preparation:​ Composing the Questionnaire ===== 
- 
-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** "​Registration"​ 
-  * **Title** "​Registration for the SoSciSurvey seminar"​ 
- 
-Leave the other settings unchanged and save the questionnaire by clicking **OK**. Subsequently,​ the section "​Questionnaire Pages" is displayed. 
  
 ===== 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. "<​h1>​Registration for the Seminar</​h1>"​+  - Provide your text with an ID (e.g. "title") and enter the text (HTML code) "<​h1>​Registration for the Seminar</​h1>" ​in the window below.
   - 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 ​(in this case "​Registration ​for the seminar SoSciSurvey"​)+  - Click **Compose Questionnaire** on the left. If necessary, ​select the questionnaire you created earlier for the registration form.
   - 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.
  
 {{:​de:​create:​scr.stuff.text.png?​nolink&​|Text in den Fragebogen ziehen}} {{:​de:​create:​scr.stuff.text.png?​nolink&​|Text in den Fragebogen ziehen}}
 +
  
 ===== 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 ​//browser tabs//.+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,​ click on List of Questions or **Text Elements and Labels** using the right (!) mouse button to open the context menu. Select **Open link in new tab** (or similar, depending on your browser).+If you are currently composing the questionnaire,​ click on **List of Questions** or **Text Elements and Labels** using the right (!) mouse button to open the context menu. Select **Open link in new tab** (or similar, depending on your browser).
  
 **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.
  
-{{:​de:​create:​scr.stuff.openintab.png?​nolink|Einen Menüpunkt ​in neuem Tab öffnen}}+{{:​de:​create:​scr.stuff.openintab.png?​nolink|Open a Menu Item in a new Tab}}
  
 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.
  
-{{:​de:​create:​scr.stuff.tabs.png?​nolink|Mehrere Tabs im Browser}}+{{:​de:​create:​scr.stuff.tabs.png?​nolink|Multiple ​Browser ​Tabs}}
  
 Henceforth, when creating a new question or text element, you will notice that the element is not displayed in the "​Compose Questionnaire"​ tab. The solution is fairly simple: click the Reload button {{:​button.reload.gif}} to display any new questions and text elements. Henceforth, when creating a new question or text element, you will notice that the element is not displayed in the "​Compose Questionnaire"​ tab. The solution is fairly simple: click the Reload button {{:​button.reload.gif}} to display any new questions and text elements.
  
-{{:​de:​create:​scr.stuff.reload.png?​nolink|Liste der Fragebogen-Elemente aktualisieren}}+{{:​de:​create:​scr.stuff.reload.png?​nolink|Refresh}} 
 + 
 +**Warning:​** You __cannot__ work in different survey projects, using multiple browser windows. Although, you may run different browsers (e.g., Firefox, Chrome, Opera and/or Internet Explorer) to do so. 
  
 ===== 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",​ **Type** "​Selection"​.   - **Term** "Main Subject",​ **Type** "​Selection"​.
   - **Question title** "​Please select your main subject"​. **\\ Save** and add items (see point 6 above).   - **Question title** "​Please select your main subject"​. **\\ Save** and add items (see point 6 above).
 +
  
 ===== 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 ​(default), text input fields are one row high and do not allow multi-line input
 + 
 +To make the text field smaller, simply define the //Width of the text input field// -- "​32"​ pixels in the example above.
  
-To make the text field smaller, simply define the **Width of the text input field** - "​32"​ pixels in the example above. 
  
 ==== 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 "​32"​ for the **Width** of the input field. **Save**.   - Enter "​32"​ for the **Width** of the input field. **Save**.
 +
  
 ===== 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'​t look like it on the registration form, this is a separate question.+The last item of the personal details is a dropdown selection. Although it doesn'​t look like it on the registration form, this is a separate question ​(see [[:​en:​create:​concat]]). 
 + 
 +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:​create:​concat|Concatenating Questions]]) or by using the argument "​spacing=0"​ in the question() command (see [[en:​create:​php|Introduction to PHP]]). At the same time, the attached question must not display a question title.
  
-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:​create:​concat|Concatenating Questions]]) or by using the argument "​spacing=0"​ in the question() command (see [[en:​create:​php|Introduction to PHP]]). At the same time, the attached question must not display a question title (setting or argument "​notitle"​). 
  
 ==== Step by Step ==== ==== Step by Step ====
Line 101: Line 103:
   - Add a new question of the **Type** "​Dropdown selection",​ **Term** "​Gender"​.   - Add a new question of the **Type** "​Dropdown selection",​ **Term** "​Gender"​.
   - As a **Lead text for the options**, enter "You are:". In the tab **Position of opener and input field**, enter "​180"​ pixels, so that the selection field is positioned in line with the text input fields. **Save**.   - As a **Lead text for the options**, enter "You are:". In the tab **Position of opener and input field**, enter "​180"​ pixels, so that the selection field is positioned in line with the text input fields. **Save**.
-  - Create "​Female"​ and "​Male"​ as items (options).+  - Create "​Female"​ and "​Male"​ as options ​(items).
   - Click **Compose Questionnaire** on the left and select the questionnaire "​Registration for the SoSciSurvey seminar"​ which you created earlier.   - Click **Compose Questionnaire** on the left and select the questionnaire "​Registration for the SoSciSurvey seminar"​ which you created earlier.
   - 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,​ 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"​ ===== ===== 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. 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 "​250"​ pixels. Click //OK//.   - 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.   - 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 ''​[[:​en:​create:​functions:​option]]''​.
 +
  
 ==== Step by Step ==== ==== Step by Step ====
Line 141: Line 149:
   - Save by clicking //OK//.   - 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 ===== ===== Activate and Edit Layout =====
  
-The width of the questionnaire is set by the layout used. For examplethe standard ​layout "oFb blue" ​allows a lot of space, the layout "oFb paper" considerably less.+The width of the questionnaire is set by the layout used. Most layouts (except "SoSci Survey paper"​) allow to adapt the width. 
 + 
 +The example ​above uses the layout "SoSci Survey neutral", ​but the width has been reduced to 450 pixels.
  
-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 ==== ==== Step by Step ====
  
   - Select **Questionnaire Layout** from the menu.   - Select **Questionnaire Layout** from the menu.
-  - Activate the layout ​"oFb neutral"​ for your project. At the bottomyou can see the //Default Layouts//. Next to //oFb neutral//, click //[Activate]// to use the layout in your project+  - If you have not already activated a layout, ​scroll down to //Layout Templates// and click //Activate// below the Template ​//SoSci Survey Neutral//. 
-  - The layout now appears in the list at the top. Click the description "oFb neutral" or the {{:​button.edit.gif}} button. +  - The layout now appears in the list at the top. Click the description "SoSci Survey Neutral" or the {{:​button.edit.gif|edit}} button. 
-  - At the top, change the //ID// to "​neutral_n"​. For the //Comment//, type "oFb neutral ​(narrow)"​. +  - At the top, you may change the //ID// to "​neutral_n"​, giving ​the //Comment// "SoSci Survey 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; } +  - In the first tab //Basic Settings// ​you find an option ​//​Layout ​base width//. Enter the value "450"
-  - 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 ​immediately. Otherwise, click **Compose Questionnaire** and the tab //​Settings//​. Here you can select ​the //Layout// "​[neutral_n] ​SoSci Survey ​neutral (narrow)"​. Save the changes ​and switch back to the tab //pages in the questionnaire//. Click the green arrow {{:​button.run.gif|run}} to display ​the questionnaire. 
-  - 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 ===== ===== 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]].
en/create/stuff.txt · Last modified: 29.03.2015 15:46 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