| Table of Contents | ||
|---|---|---|
|
...
A Grid allows for the layout of Tickets within a table. Grids support rich text in the row and column headers, and allows users to scroll horizontally when viewed on small screen devices. To ensure users are aware of off-screen columns, a caption text appears prompting them to scroll to the right. Using a Grid helps users compare and pick from the Ticket options available. This feature is available in Events Registration version 2.
...
Use a Grid when there are a large amount of tickets that can be categorised along two axisaxes.
For example, when selling tickets for an event that runs across three days and has two workshop topics available, we could create the following Grid to present the tickets:
In this example, the two variables are the day, and the workshop topic.
...
Questions are not permitted inside of a Grid because they cannot be categorised along two axisaxes.
To achieve a tabular layout with Questions use columns. Columns on mobile devices collapse underneath one another, creating a pleasant user experience. Placing Questions inside of a Grid means that mobile users must awkwardly scroll right to answer your questions.
...
| 1. | Click on the grid's Settings |
|
| 2. | Select the Advanced tab | |
| 3. | Select the Text Editor view to enter CSS classes by text. |
|
| 4. | Type the relevant CSS Class from the table below, for example: grid-info |
Grid Style Classes
Grids support the following styles.
...