Tables

Creating the Table block

Start in the Page management area of the Sequence page.

1. Click on the (Select type to create) dropdown menu above the Blocks area, and select Table block.
2. Click Add.
3. Enter a block heading and content in the Main tab as required. Content here can form instructions for the user.
4. Click Save and Publish.

Adding the Table activity

1. Click on the Table tab.
2. Add a question for the user to answer into The Question field.
3. Click on the Setup menu (underneath the Table row section) and check the Enable initial creation checkbox to automatically create the number of rows and columns needed (optional).
4. If using the Initial creation option, enter the desired number of rows and columns into the respective fields, as well as custom text for the buttons. By default these will be Yes/No.
5. Click Save and publish.

Adding a Table Row

Each row in a table, and the columns and feedback within that row, is set-up individually.

1. Click on the Add Table Row button. If you have used the Initial creation option, then click on the preview for Row 1 to edit it instead.
2. Add a label for the row into the Row name field (optional). This is not visible on front-end, but is useful for keeping track of your rows in the back-end. Click Save.

Adding Table Columns

The columns in this row are shown in a vertical list. The first item on the list will usually be the content column, and the second (and third, if used) will contain the buttons. By default, the first row in the table will be styled as a heading row. This can be changed from within the column options.

Adding the content column

1. Click the Add Table Column button. If using the Initial creation option, simply click on the first item in the column list.
2. Enter the question option, or main content for that row, into the Content field. As this is the content column, not a buttons column, the options and feedback fields are left blank.
3. Scroll to the bottom of the page and select None, hide all buttons in this cell. This will hide the buttons and leave only the content in this column.
4. Click Save and close.

Adding the buttons column

1. Click the Add Table Column button, or if using the Initial creation option, click on the the second item in the column list.
2. Leave the Content field blank, as this is a buttons column.
3. Add button text for the first option into the Option1 field. If these buttons have already been specified with the Initial creation option, leave the content as is.
4. Add feedback for this option in the Option 1 feedback field.
5. Add button text and feedback for Option 2 (and Option 3, if applicable).
6. Scroll down to the Correct option area, and select which option is correct.
7. Click Save and close.
8. Repeat steps 1 - 7 for as many button columns as needed, then click Save and close.

This completes the creation / editing of the first table row. Repeat for as many rows as your activity requires. When complete, click Save and publish.

None, all options are incorrect, and None, all options are valid are further choices which can be selected for an individual column/row.

Heading rows

By default the first row in a table will be styled as a heading row. This option can be selected/deselected for any row by checking/unchecking the Style as a table heading checkbox in the column editing window.

Column width

By default, the width of the table columns is fairly flexible, and will expand or contract depending upon the content within it. However the width of a column can be set at a fixed percentage of the total table if needed. From within the individual column editing options, enter a width percentage into the Width of the cell field at the bottom of the page. A pixel value can also be entered, however for best responsive design, a percentage value is best practice.

Overall feedback

Overall feedback can be added for each row instead of feedback for each individual button. From within the column editing options, enter feedback into the Overall Feedback field. If content is added here, individual feedback will automatically be turned off. The feedback will also be styled as neutral, rather than correct or incorrect.

Show feedback in a row below this one

Feedback for individual options will by default be displayed within the cell containing the buttons. If there is a large amount of feedback, it is better to display the feedback in it’s own row, instead of within the cell. In the row options, underneath the column listings, check the show feedback in a row below this one checkbox.