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
...
Square rotators, Two-column grids, and Multi-column grids show any specified content.
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 list pages add a search bar and filter to a large collection (20+) of speakers.
...
| Expand | |||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||
| |||||||||||||||||
Choose the maximum number of items in the module (recommend 3-7)...
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 has displays an infinite -scroll grid number of items at the bottom of the page and an optional search bar. Any other rotators or grids can be added above . It can have 2-5 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 the page pages load more quickly faster because items load over time as you scroll, instead of all at once.
...
This list 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. Any other rotators or grid can be added above the list and search bar, but none can be added below it.
We recommend using a list to display all of a specific content type. For example, on your Courses page, you could make all courses searchable.
...
| title | Configuration options for this module |
|---|
...
Element
...
Options
...
1
...
Number of columns
...
Show 2-5 columns
...
2
...
Search bar
...
Remove search bar and filter button Remove filter button only
...
3
...
Tab navigation
...
Add one or more tabs to filter content:
All My Favorites …or any other content tags
...
4
...
Abstract
...
Remove abstract
...
An example infinite search grid. See the configuration options above.
...
We recommend only using this list 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. Any other rotators or grid can be added above the list and search bar, but none can be added below it.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 list 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-5 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.