IntelliSurvey offers a variety of tags to alter how tables are formatted or displayed to improve the respondent experience.
Try it!
Tags
General Appearance
| Tag | Description |
altcolor |
Accepts 'y' and 'n' inputs; defaults to 'y'. Adds alternating background row colors to a table (not applicable for Flex theme). |
mode |
For use with mobile-friendly themes; allows users to modify the table display. The following modes are currently available: textabove, buttons, vertical, classic, tiled, and default. |
reveal rows |
Specifies the number of rows to initially display on screen. Once the last visible row is answered, each new row dynamically appears. |
reveal rows id |
Specifies which rows will be affected by the |
show rows |
For use with mobile-friendly themes; forces a given number of rows to display. Accepts a whole number or 'all'. Radio tables default to showing three rows at a time without using |
start scroll |
For use with mobile-friendly themes; used with radio tables, this allows you to specify a number of rows the respondent must answer before the table will begin scrolling to display the other rows in the table. |
Formatting columns, rows, and options
| Tag | Description |
-- |
Separates columns so that each column of questions in a table can be defined differently. This is especially helpful for columns that vary in response type (radio, checkbox, pulldown, text). |
colseparator |
Accepts 'y' and 'n' inputs; when set to 'y', it adds spacing between columns to more clearly define the columns and options. This is not supported with the |
colwidth |
Specifies the width of a column in pixels. This can be applied to text tables or any table using a Each column can have its own |
optwidth |
Specifies the width of the response option columns in pixels. |
textwidth |
Specifies the width of the first column (the "row heading") in pixels. |
Alignment and positioning
| Tag | Description |
cellalign |
Specifies where text fields within table cells are aligned (text tables only). |
rowheadingalign |
Changes the default alignment ('center') of the collection headers used in a list of row items to 'right' or 'left'. |
tableposition |
Changes the table's default alignment ('left') on the page to 'right' or 'center'. |
textalign |
Changes the default alignment ('left') of the row text/first column of the table to 'right' or 'center'. |
textheadingalign |
Changes the default alignment ('left') of the heading in the first column of the table to 'right' or 'center'. |
Additional examples
Text alignment and setting widths
To change the position of the text in the first column (the row elements), use the textalign tag. The textwidth and optwidth tags have also been applied here to specify a width for the row elements and a width for the options, respectively.
Displaying one row at a time
Text tables can sometimes allow respondents to provide a range of responses. In these cases, the reveal rows tag can be used to display only 'X' rows initially, revealing each new row as the respondent fills in the previous one.
Revealing additional rows with 'reveal rows id'
When the reveal rows id tag is included, the value specified with reveal rows determines how many of the reveal rows id elements should be initially shown. In T4, option 91 will be shown first, with option 92 appearing once 91 has a response.
A validation has been included to ensure the known brands receive responses, leaving the "other" brands optional.
Comments
0 comments
Please sign in to leave a comment.