https://wiki.catglobe.com/index.php?action=history&feed=atom&title=Questionnaire_layout_styling_guideline 2026-04-20T03:35:47Z Revision history for this page on the wiki MediaWiki 1.43.0 https://wiki.catglobe.com/index.php?title=Questionnaire_layout_styling_guideline&diff=24787&oldid=prev 2013-10-18T04:43:50Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 04:43, 18 October 2013</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;accesscontrol&gt;<del style="font-weight: bold; text-decoration: none;">Administrators,,Cem,,Maysunshine</del>&lt;/accesscontrol&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;accesscontrol&gt;<ins style="font-weight: bold; text-decoration: none;">Main:MyGroup</ins>&lt;/accesscontrol&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Questionnaire layout styling guideline  ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Questionnaire layout styling guideline  ==</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <!-- diff cache key wiki:diff:1.41:old-19476:rev-24787:php=table --> </table>

Wikicatglobe https://wiki.catglobe.com/index.php?title=Questionnaire_layout_styling_guideline&diff=19476&oldid=prev 2011-10-04T09:31:04Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 09:31, 4 October 2011</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;accesscontrol&gt;Administrators,,Cem,,Maysunshine&lt;/accesscontrol&gt;</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Questionnaire layout styling guideline  ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Questionnaire layout styling guideline  ==</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> </table>

Cg_pham https://wiki.catglobe.com/index.php?title=Questionnaire_layout_styling_guideline&diff=632&oldid=prev 2008-12-17T07:04:47Z

<p></p> <a href="https://wiki.catglobe.com/index.php?title=Questionnaire_layout_styling_guideline&amp;diff=632&amp;oldid=206">Show changes</a>

Catglobe https://wiki.catglobe.com/index.php?title=Questionnaire_layout_styling_guideline&diff=206&oldid=prev 2008-12-10T11:09:56Z

<p>New page: == Questionnaire layout styling guideline == To layout questionnaire, we can edit class or id in Style sheet tag. But remember that one class can be used in more than one question types....</p> <p><b>New page</b></p><div>== Questionnaire layout styling guideline ==<br /> <br /> To layout questionnaire, we can edit class or id in Style sheet tag. But remember that one class can be used in more than one question types. For this reason, when you change any class/id, it can affect to other questions which use the same class/id. <br /> <br /> Considering aspect of layout structure, we can divide them into 2 groups: NormalQuestionType( Page, Open, Single, Multi, Text, Number, Scale, Multimedia) and GridQuestionType (Single grid, Multi grid, Scale grid, Text grid). Generally, each type of question has 2 main elements: main question texts and it&#039;s content (usually is checkbox, radio button, textbox,.. but with GridQuestionType, it can have sub questions inside). Below table shows relationship between class/id and question types. <br /> <br /> {| cellspacing=&quot;0&quot; cellpadding=&quot;5&quot; border=&quot;1&quot; width=&quot;0&quot;<br /> |-<br /> | align=&quot;right&quot; rowspan=&quot;2&quot; | &amp;nbsp; <br /> | bgcolor=&quot;#e8e8e8&quot; align=&quot;center&quot; colspan=&quot;12&quot; | &#039;&#039;&#039;Question types&#039;&#039;&#039; <br /> | bgcolor=&quot;#e2e2e2&quot; align=&quot;center&quot; rowspan=&quot;2&quot; | &#039;&#039;&#039;Insert in tag&#039;&#039;&#039; <br /> | bgcolor=&quot;#d2d2d2&quot; align=&quot;center&quot; rowspan=&quot;2&quot; | &#039;&#039;&#039;Class/Id function&#039;&#039;&#039;<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | &#039;&#039;&#039;Page&#039;&#039;&#039; <br /> | bgcolor=&quot;#f2f2f2&quot; | &#039;&#039;&#039;Open&#039;&#039;&#039; <br /> | bgcolor=&quot;#f2f2f2&quot; | &#039;&#039;&#039;Single&#039;&#039;&#039; <br /> | bgcolor=&quot;#f2f2f2&quot; | &#039;&#039;&#039;Multi&#039;&#039;&#039; <br /> | bgcolor=&quot;#f2f2f2&quot; | &#039;&#039;&#039;Text&#039;&#039;&#039; <br /> | bgcolor=&quot;#f2f2f2&quot; | &#039;&#039;&#039;Number&#039;&#039;&#039; <br /> | bgcolor=&quot;#f2f2f2&quot; | &#039;&#039;&#039;Scale&#039;&#039;&#039; <br /> | bgcolor=&quot;#f2f2f2&quot; | &#039;&#039;&#039;Multimedia&#039;&#039;&#039; <br /> | bgcolor=&quot;#f2f2f2&quot; | &#039;&#039;&#039;Single grid&#039;&#039;&#039; <br /> | bgcolor=&quot;#f2f2f2&quot; | &#039;&#039;&#039;Multi grid&#039;&#039;&#039; <br /> | bgcolor=&quot;#f2f2f2&quot; | &#039;&#039;&#039;Scale grid&#039;&#039;&#039; <br /> | bgcolor=&quot;#f2f2f2&quot; | &#039;&#039;&#039;Text grid&#039;&#039;&#039;<br /> |-<br /> | bgcolor=&quot;#ffbf55&quot; colspan=&quot;1&quot; | Class<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | question_outer <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | table <br /> | valign=&quot;middle&quot; | the outer table (it wraps question text, and question content), usually uses to make border around the question<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | question_content <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | td <br /> | valign=&quot;middle&quot; | the content part<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | multimedia_question_content <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | td <br /> | valign=&quot;middle&quot; | like question_content but for Multimedia question (usually is movie playback or flash file)<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | option_table <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | table <br /> | valign=&quot;middle&quot; | use for single/multi question. This class is the same as class &quot;question_content&quot;<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | option_link <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | a <br /> | valign=&quot;middle&quot; | use for the anchor tag, apply to the texts next to radio button or checkbox of Single/Multi question<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | option_row_even <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | tr <br /> | valign=&quot;middle&quot; | apply to even row<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | option_row_odd <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | tr <br /> | valign=&quot;middle&quot; | apply to odd row<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | answer_option_cell <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | td <br /> | valign=&quot;middle&quot; | he same as &quot;option_row_even&quot;/&quot;option_row_odd&quot; but different when we use more than 2 columns for answer options. We use &quot;option_row_even&quot;/&quot;option_row_odd&quot; in tr tag and &quot;answer_option_cell&quot; in td tag<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | grid_outer <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | table <br /> | valign=&quot;middle&quot; | for the table contains the GridQuestionType. It is the same as &quot;question_outer&quot;<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | grid_inner <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | table <br /> | valign=&quot;middle&quot; | for the table contains the content of GridQuestionType. It is the same as &quot;question_content&quot;<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | grid_empty_cell <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | td <br /> | valign=&quot;middle&quot; | use for the cell that contains nothing in the first row and the first column<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | grid_answeroption_text <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | td <br /> | valign=&quot;middle&quot; | use for the cell contains answer option text<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | grid_subquestion_text <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | td <br /> | valign=&quot;middle&quot; | use for the cell contains sub question text (layout will change rely on order of class &quot;grid_subquestion_text&quot; in comparison with class &quot;grid_subquestion_odd&quot; and &quot;grid_subquestion_even&quot; in css file)<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | grid_subquestion_odd <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | td <br /> | valign=&quot;middle&quot; | use for the cell in the even row<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | grid_subquestion_even <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | td <br /> | valign=&quot;middle&quot; | use for the cell in the odd row<br /> |-<br /> | bgcolor=&quot;#ffbf55&quot; colspan=&quot;1&quot; | Id<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | page_question_text <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | td <br /> | valign=&quot;middle&quot; | use for the cell contains question text of Page question<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | question_text <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | td <br /> | valign=&quot;middle&quot; | use main question text<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | grid_question_text <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | td <br /> | valign=&quot;middle&quot; | the same as &quot;question_text&quot;, for main question texts of GridQuestionType.<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | errorMessages <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | p span <br /> | valign=&quot;middle&quot; | error message texts<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | countdowndisplay <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | div <br /> | valign=&quot;middle&quot; | &amp;nbsp;<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | grid_answeroption_text_&amp;lt;i&amp;gt; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | td <br /> | valign=&quot;middle&quot; | (with i is the column number): use for a specific cell contains the answer option text<br /> |-<br /> | bgcolor=&quot;#f2f2f2&quot; | grid_subquestion_text_&amp;lt;i&amp;gt; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | &amp;nbsp; <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | align=&quot;center&quot; valign=&quot;middle&quot; | x <br /> | bgcolor=&quot;#f2f2f2&quot; align=&quot;center&quot; valign=&quot;middle&quot; | td <br /> | valign=&quot;middle&quot; | ( with i is the row number of the subquestion): use for a specific cell contains the sub question text<br /> |}<br /> <br /> [[Image:NormalQues.gif]] <br /> <br /> [[Image:GridQues.gif]]</div>

Catglobe