grid
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

 
View only
 
 
Still loading...
ABCDEFGIJKLM
1
typenamelabelhintappearancechoice_filterconstraintconstraint-msgdefaultreadonlyrelevantrequired
2
noterule1This form provides guidance on how to optimize forms that use the “Grid” theme using appearance _w1, w2, …. w10_.

1. A question w-value is relative to the w-value of its group. A group of w4 can contain a maxium of 4 questions of w1 on one row.
2. The __default width__ of a group or repeat is __4 columns__ (w4).
3. A row will automatically __always__ be stretched to the full width of the page.
4. __Only apply w-values to top-level groups or repeats__, not to nested groups and repeats. The latter is supported, but will probably never look good.
5. Put all questions in groups to avoid layout issues when printing your forms

The XLS original is available [here](https://docs.google.com/spreadsheet/ccc?key=0Al3Mw5sknZoPdDhSVmhJX2NvOG44X1RadTA2RVRzSHc&usp=sharing).
3
4
begin_groupex1One simple row with 4 equal-sized questions cells (default group width = w4)
5
textex1_1Enter some textThis question should be 1 column wide so it gets appearance: w1w1true
6
integerex1_2Enter a numberThis question should be 1 column wide so it gets appearance: w1w1true
7
decimalex1_3Enter a decimal numberThis question should be 1 column wide so it gets appearance: w1w1true
8
dateex1_4Enter a dateThis question should be 1 column wide so it gets appearance: w1w1true
9
end_group
10
11
begin_groupex2One simple row with 2 small questions and 1 larger (default group width = w4)true
12
textex2_1Enter some textThis question should be 1 column wide so it gets appearance: w1w1true
13
integerex2_2Enter a numberThis question should be 1 column wide so it gets appearance: w1w1true
14
textex2_3Enter a bit more textThis question should be 2 columns wide so it gets appearance: w2w2
15
end_group
16
17
begin_groupex3One simple row with 7 columns (group width = w7)w7true
18
textex3_1Enter some textThis question should be 2 columns wide so it gets appearance: w2w2true
19
integerex3_2Enter a numberThis question should be 1 column wide so it gets appearance: w1w1true
20
textex3_3Enter a bit more textThis question should be 1 column wide so it gets appearance: w1w1true
21
integerex4_4Enter a numberThis question should be 3 columns wide so it gets appearance: w3w3true
22
end_group
23
24
begin_groupex4_4Combining appearance attributes (group width = w3)w3
25
select_one list2ex4_1Choose oneto take up 2 columns we need appearance=w2, to display the choices horizontally we need appearance=horizontal. So we add both: "w2 horizontal" or "horizontal w2"w2 horizontaltrue
26
integerex4_4Enter a numberThis question should be 1 column wide so it gets appearance: w1w1true
27
end_group
28
29
begin_groupex5Multiple rows... all done automatically (group width = w4)This group has 4 columns so we don't need to give it a appearance attributew4
30
noteex5_1If a question doesn't fit it will be placed on the next row. This note should be full width so it gets appearance: w4w4
31
textex5_2Enter some textThis question should be 2 columns wide so it gets appearance: w2w2
32
integerex5_3Enter a numberThis question should be 2 columns wide so it gets appearance: w2w2
33
textex5_4Enter more textThis question should be 3 columns wide so it gets appearance: w3w3
34
integerex5_5Enter a numberThis question should be 1 column wide so it gets appearance: w1w1
35
end_group
36
37
begin_groupex6Advanced grid behaviour: Stretching rows to full width. Always.This group has 4 columns so we don't need to give it a appearance attributew4
38
noteex6_1This behaviour makes sure forms almost always look good, even if the w-values aren't completely adding up.This note is full width even though it has appearance: w3, because the next question won't fit on the same row AND a row is always displayed full width.w3
39
textex6_2Enter some textThis question has appearance: w2, but it is larger than 50% because of the next 2 questions with appearance: w1 and w3. Only the first question fits on the same row AND a row is always displayed full width.w2
40
integerex6_3Enter a numberThis question has appearance: w1, but is larger than 25%....w1
41
textex6_4Enter more textThis question should be 3 columns wide so it gets appearance: w3w3
42
integerex6_5Enter a numberThis question should be 1 column wide so it gets appearance: w1w1
43
end_group
44
45
begin_groupex7Planning for questions with skip logicThis group has 4 columns so we don't need to give it a appearance attributew4
46
noteex7_1__If you understand this example you have become an Enketo Grid Pro and are ready to start building gridified forms!__This note should be full widthw4
47
select_one yes_noex7_2Select yes, to reveal next questionWe want this question to be on the row together with the next question when it is revealed (appearance=w2)w2 horizontal
48
integerex7_3Enter a numberThis question has appearance: w2, so it fits together with the previous question on one row when revealed.w2${ex7_2} = 'yes'
49
textex7_4Enter more textImportant! If you want this question to always appear on a new line, it's size (w3) should not fit on the previous row even if the question is hidden.w3
50
integerex7_5Enter a numberThis question should be 1 column wide so it gets appearance: w1w1
51
end_group
Loading...
 
 
 
survey
choices
settings