Difference between revisions of "Double columns in text grids"

From Catglobe Wiki
Jump to: navigation, search
 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
== Challenge ==  
+
== Double columns in Text grid  ==
Showing textfields of a text grid or answers options of single/multik grid in more than one column
 
  
== Solution ==  
+
In order to show text grid question in two columns.
Using Java Script property of question.
+
 
 +
As a questionnaire creator
 +
 
 +
I want to show text fields of a text grid or answers options of single/multi grid in more than one column
 +
 
 +
'''Example'''
 +
 
 +
*I have a Text grid question like below.
 +
 
 +
[[Image:DoubleColumnInTextGrid1.png]]
 +
 
 +
*I want to show text grid question in two columns.
 +
 
 +
[[Image:DoubleColumnInTextGrid2.png]]
 +
 
 +
=== Solution ===
 +
 
 +
*Add a Text grid question to Questionnaire editor like below
 +
*Go to menu Properties -> Question scripts -> Java script tab -> Input script
 +
 
 +
[[Image:DoubleColumnInTextGrid_Code.png]]
 +
 
 +
=== Code ===
  
== Code 1 ==
 
 
<source lang="javascript">
 
<source lang="javascript">
 
//Include the following Javascript
 
//Include the following Javascript
quest.gridcolumns[0] = "Text 1";
 
quest.gridcolumns[1] = "Text 2";
 
...
 
  
 +
quest.gridcolumns[0] = "Personal information";
 +
quest.gridcolumns[1] = "Company information";
 
</source>
 
</source>
 +
 +
=== Source ===
 +
Questionnaire Resource Id on cg site: 159730

Latest revision as of 09:05, 11 January 2012

Double columns in Text grid

In order to show text grid question in two columns.

As a questionnaire creator

I want to show text fields of a text grid or answers options of single/multi grid in more than one column

Example

  • I have a Text grid question like below.

DoubleColumnInTextGrid1.png

  • I want to show text grid question in two columns.

DoubleColumnInTextGrid2.png

Solution

  • Add a Text grid question to Questionnaire editor like below
  • Go to menu Properties -> Question scripts -> Java script tab -> Input script

DoubleColumnInTextGrid Code.png

Code

//Include the following Javascript

quest.gridcolumns[0] = "Personal information";
quest.gridcolumns[1] = "Company information";

Source

Questionnaire Resource Id on cg site: 159730