IntelliSurvey offers a variety of tags to alter how tables are formatted or displayed to improve the respondent experience.
Tags
General Appearance
| Tag | Description |
alt color |
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 initial number of visible rows. Once the last visible row is answered, each new row dynamically appears. |
reveal rows id |
Controls which rows are affected by the Note, the number of initially displayed rows should be fewer than the total IDs listed. |
show rows |
For use with mobile-friendly themes; forces a given number of rows to display. Accepts a whole number or 'all' as input. Radio tables default to showing three rows at a time, while checkbox tables display all rows unless |
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 begins 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). |
col separator |
Accepts 'y' and 'n' inputs; when set to 'y', it adds spacing between columns to more clearly define the columns and options. This tag cannot be used alongside the |
col width |
Specifies the width of a column in pixels. This can be applied to text tables or any table using a |
opt width |
Specifies the width of the response option columns in pixels. |
text width |
Specifies the width of the first column (the "row heading") in pixels. |
Alignment and positioning
| Tag | Description |
cell align |
Specifies where text fields within table cells are aligned (text tables only). |
row heading align |
Changes the default alignment ('center') of the collection headers used in a list of row items to 'right' or 'left'. |
table position |
Changes the table's default alignment ('left') on the page to 'right' or 'center'. |
text align |
Changes the default alignment ('left') of the row text/first column of the table to 'right' or 'center'. |
text heading align |
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 rows), use the text align tag. The text width and opt width tags have also been applied here to specify a width for the rows and a width for the answer 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.