...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
Status
...
| Status | ||||
|---|---|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
...
Type
...
Explanation/reference
...
Reader
...
Clients
...
Reader goal
...
Know which layouts are best for which content. Be able to pick one quickly and visually. Then if needed-- get into the details to know which elements can be configured
...
Contributors
...
Nelly
...
JUNO version
...
Reviewers (check the box when you’re done!)
...
- Scrilla
- Travis
- Renae
...
Review deadline
...
...
Notes for reviewers
...
This is part 1 of 2. The second doc will cover all options for pulling and sorting content.
...
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.
...
Square rotators and Two-column grids show any specified sessions.Search
Infinite search grids add a search bar and filter to a large collection of sessions.
To list exhibitors, courses, or library content…
Square rotators, Two-column grids, and Multi-column grids show any specified content.
Search Infinite search grids add a search bar and filter to a large collection of content.
To list speakers…
Round rotators and Round grids show any specified speakers.
Round infinite search grids add a search bar and filter to a large collection of speakers.
...
Rotators
Featured rotator
The featured rotator is a large banner used for featured content. It showcases one item at a time as it rotates. You can turn this module into a static banner image by only including one item total.
| Expand | |||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||
| |||||||||||||||||
Full width
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
The billboard rotator is wide and skinny. It’s typically used for advertisements. It showcases one item at a time as it rotates. You can turn this module into a static banner image by only including one item total.
| Expand | |||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||
| |||||||||||||||||
...
An example billboard rotator. See the configuration options above.
Square rotator
The square rotator showcases multiple items at once as it rotates. You can choose to show 3 or show 4.
| Expand | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
| ||||||||||||||||
...
An example square rotator. See the configuration options above.
Round rotator
We recommend only using this module to showcase speakers. It showcases multiple speakers at once as it rotates. You can choose to show 3 or show 4.
| Expand | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
| ||||||||||||||||
...
An example round rotator. See the configuration options above.
...
Grids
Two-column grid
Also known as Square Grid.
This grid is always two columns wide.
| Expand | |||||||||
|---|---|---|---|---|---|---|---|---|---|
| |||||||||
| |||||||||
...
An example two-column grid. See the configuration options above.
Multi-column grid
Also known as Grid Image.
This grid can have 2-5 columns.
It’s often used for displaying exhibitors in multiple levels. For example, higher-level exhibitors appear larger in a grid with two columns, while lower-level exhibitors would appear smaller in a grid with 3 columns.We don’t recommend using this module for sessions because it doesn’t include the session status (like Live or Past) or type (like Main stage or Panel).
| Expand | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||
| |||||||||||||||
...
An example multi-column grid. See the configuration options above.
Round grid
We recommend only using this module to showcase speakers. This grid can have 2-6 columns.
| Expand | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||
| ||||||||||||||||||
...
An example round grid. See the configuration options above.
Infinite search grid
Also known as Custom Module List.
This grid 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.
...
| Expand | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||
| |||||||||||||||
...
An example infinite search grid. See the configuration options above.
Round infinite search grid
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.
...
| Expand | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
| ||||||||||||||||
...
An example round infinite search grid. See the configuration options above.