To build your own module, start by choosing a layout. This guide lists all layouts and their configuration options. Go to our demo site to see the modules in action.
|
|
Contents
How to choose a module layout
Rotators
Grids
Lists
...
How to choose a module layout
| Anchor | ||||
|---|---|---|---|---|
|
Modules are grouped into two three categories: Rotators, grids, and gridslists.
Rotators scroll horizontally to show many items in a single row. They’re best for fitting a lot of content into a small vertical space. Grids show items in a grid pattern. They’re best for making sure items are always visible on the page. Lists display a large collection of content.
Follow these suggestions to select a specific module based on your content:
...
Square rotators and Two-column grids show any specified sessions.
Infinite search grids List pages add a search bar and filter to a large collection (20+) of sessions.
To list exhibitors, courses, or on-demand content…
Square rotators, Two-column grids, and Multi-column grids show any specified content.
Infinite search grids List pages add a search bar and filter to a large collection (20+) of content.
| Include Page | ||||
|---|---|---|---|---|
|
To list speakers…
Round rotators and Round grids show any specified speakers.
Round infinite search gridslist pages add a search bar and filter to a large collection (20+) of speakers.
...
Rotators
| Anchor | ||||
|---|---|---|---|---|
|
...
| Expand | |||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||
| |||||||||||||||||
Choose the maximum number of items in the module (recommend 3-7)
Remove title
Show or hide indicator dots or arrows...
An example featured rotator. See the configuration options above.
Billboard rotator
| Anchor | ||||
|---|---|---|---|---|
|
...
| Expand | |||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||
| |||||||||||||||||
...
An example billboard rotator. See the configuration options above.
Square rotator
| Anchor | ||||
|---|---|---|---|---|
|
...
| Expand | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
| ||||||||||||||||
...
An example square rotator. See the configuration options above.
Round rotator
| Anchor | ||||
|---|---|---|---|---|
|
...
| Expand | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
| ||||||||||||||||
...
An example round rotator. See the configuration options above.
...
Grids
| Anchor | ||||
|---|---|---|---|---|
|
Two-column grid
| Anchor | ||||
|---|---|---|---|---|
|
...
| Expand | |||||||||
|---|---|---|---|---|---|---|---|---|---|
| |||||||||
| |||||||||
...
An example two-column grid. See the configuration options above.
Multi-column grid
| Anchor | ||||
|---|---|---|---|---|
|
...
| Expand | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||
| |||||||||||||||
...
An example multi-column grid. See the configuration options above.
Round grid
| Anchor | ||||
|---|---|---|---|---|
|
...
| Expand | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||
| ||||||||||||||||||
...
An example round grid. See the configuration options above.
...
Lists
| Anchor |
|---|
...
|
List page
| Anchor | ||||
|---|---|---|---|---|
|
A list is a special page type that displays an infinite number of items that load as you scroll down at the bottom of the page. It can have 2-5 columns. Above it, you can include a search bar and filter options.
We recommend using this grid to display all of a specific content type. For example, on your Courses page, you could make all courses searchable. Note that if there are multiple modules on a page, the infinite search grid must come last.
...
| title | Configuration options for this module |
|---|
Any other rotators or grids can be added above the list and search bar, but none can be added below it. Only the list is searchable.
If you have 20+ items to display in a grid, a list is the best choice. It helps pages load faster because items load as you scroll, instead of all at once.
We recommend using a list to display all of a specific content type. For example, on your Sessions page, you could make all sessions searchable.
| Expand | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||
| |||||||||||||||
...
An example infinite search gridlist page. See the configuration options above.
Round
...
list page
| Anchor | ||
|---|---|---|
|
...
|
...
|
We recommend only using the round list to showcase speakers. It displays an infinite number of items at the bottom of the page. It can have 2-
...
Also known as Custom Module List.
We recommend only using this module to showcase speakers. It displays an infinite number of items that load as you scroll down the page. It can have 2-5 columns. Above it, you can include a search bar and filter options.
Note that if there are multiple modules on a page, the round infinite search grid must come last5 columns. Above it, you can include a search bar and filter options. Any other rotators or grids can be added above the list and search bar, but none can be added below it. Only the list is searchable.
If you have 20+ items to display in a grid, a list is the best choice. It helps pages load faster because items load as you scroll, instead of all at once.
We recommend using a list to display all of a specific content type. For example, on your Sessions page, you could make all sessions searchable.
| Expand | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||
| |||||||||||||||
...
An example round infinite search gridlist page. See the configuration options above.