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.
Build your own module in two steps |
|
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.
To list speakers…
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 | |||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||
|
...
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.