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.
| Include Page |
|---|
| REUSE - New course limitations warning |
|---|
| REUSE - New course limitations warning |
|---|
|
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 |
|---|
| title | Configuration options for this module |
|---|
|
Element | Options |
|---|
1 | Rotator width | Select one:
Full width
Partial width | Total number of items |  Choose the maximum number of items in the module (recommend 3-7)
| 2 | Module title |  Remove title
Align title to the left, right, center, or bottom left
| 3 | Item titles | Remove overlaid item titles | 4 | Scroll | Turn off automatic scrolling
Change automatic scrolling speed 5 seconds
 Show or hide indicator dots or arrows |
|
...
An example featured rotator. See the configuration options above.
Billboard rotator
| Anchor |
|---|
| Billboard-rotator |
|---|
| Billboard-rotator |
|---|
|
...
| Expand |
|---|
| title | Configuration options for this module |
|---|
|
Element | Options |
|---|
1 | Rotator width | Select one:
Full width
Partial width | Total number of items | Choose the maximum number of items in the module (recommend 3-7) | 2 | Module title | Remove title
Align title to the left, right, or center | 3 | Item titles | Remove item titles | 4 | Scroll | Turn off automatic scrolling
Change automatic scrolling speed 5 seconds
Show or hide indicator dots or arrows |
|
...
An example billboard rotator. See the configuration options above.
Square rotator
| Anchor |
|---|
| Square-rotator |
|---|
| Square-rotator |
|---|
|
...
| Expand |
|---|
| title | Configuration options for this module |
|---|
|
Element | Options |
|---|
1 | Items shown | Select one:
Show 3 items at a time
Show 4 items at a time | Total number of items | Choose the maximum number of items in the module (recommend 10) | Item arrangement | Align items to the left, right, or center when there aren’t enough to fill the row | 2 | Module title | Remove title
Align title to the left, right, or center | 3 | Scroll | Turn off automatic scrolling
Change automatic scrolling speed 5 seconds
Show or hide arrows |
|
...
An example square rotator. See the configuration options above.
Round rotator
| Anchor |
|---|
| Round-rotator |
|---|
| Round-rotator |
|---|
|
...
| Expand |
|---|
| title | Configuration options for this module |
|---|
|
Element | Options |
|---|
1 | Items shown | Select one:
Show 3 items at a time
Show 4 items at a time | Total number of items | Choose the maximum number of items in the module (recommend 10) | Item arrangement | Change circle size
Align items to the left, right, or center when there aren’t enough to fill the row | 2 | Module title | Remove title
Align title to the left, right, or center | 3 | Scroll | Turn off automatic scrolling
Change automatic scrolling speed 5 seconds
Show or hide arrows |
|
...
An example round rotator. See the configuration options above.
...
Grids
Two-column grid
| Anchor |
|---|
| Two-column-grid |
|---|
| Two-column-grid |
|---|
|
...
| Expand |
|---|
| title | Configuration options for this module |
|---|
|
Element | Options |
|---|
1 | Total number of items | Choose the maximum number of items in the grid (between 2-50) | 2 | Module title | Remove title
Align title to the left, right, or center |
|
...
An example two-column grid. See the configuration options above.
Multi-column grid
| Anchor |
|---|
| Multi-column-grid |
|---|
| Multi-column-grid |
|---|
|
...
| Expand |
|---|
| title | Configuration options for this module |
|---|
|
Element | Options |
|---|
1 | Number of columns | Show 2-5 columns | 2 | Total number of items | Choose the maximum number of items in the grid (between 2-50) | 3 | Module title | Remove title
Align title to the left, right, or center | 4 | Item titles | Remove titles and abstracts |
|
...
An example multi-column grid. See the configuration options above.
Round grid
...
| Expand |
|---|
| title | Configuration options for this module |
|---|
|
Element | Options |
|---|
1 | Number of columns | Show 2-6 columns | 2 | Total number of items | Choose the maximum number of items in the grid (between 2-50) | 3 | Item arrangement | Change circle size
Align circles to the left or center | 4 | Module title | Remove title
Align title to the left, right, or center | 5 | Speaker role | Remove speaker’s company/role |
|
...
An example round grid. See the configuration options above.
Lists
List page
...
We recommend using a list to display all of a specific content type. For example, on your Courses Sessions page, you could make all courses sessions searchable.
| Expand |
|---|
| title | Configuration options for the list page |
|---|
|
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 list page. See the configuration options above.
| Anchor |
|---|
| Round-list-page |
|---|
| Round-list-page |
|---|
|
...
We recommend using a list to display all of a specific content type. For example, on your Courses Sessions page, you could make all courses sessions searchable.
| Expand |
|---|
| 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 | Speaker role | Remove speaker’s company/role |
|
...
An example round list page. See the configuration options above.