The Mosaic Pattern Book
Carousel
This page shows six instances of the Carousel widget, showing standard and full width settings, and using both available item styles. There are also examples of the previous/next arrows on and off and slide indicators on and off. Other configuration options for this widget are:
- Loop (yes/no)
- Autoplay (on/off)
- Slide duration (any milisecond value)
- Exclude current item
Title
Tile without rollover Two slides per page - standard width
Display listing text?
Display tertiary text?
Sorting method
Default sort order
Widget settings
| Header link | no |
|---|---|
| Slides per page | 2 |
| Content source | Filtered |
| No of items limit | 12 |
| Sorting method | Default sort order |
| Item style | Tile. Without Rollover |
| Show next/prev controls | yes |
| Show slide indicators | yes |
| Loop | yes |
| Autoplay | on |
| Duration between slides (ms) | 5000 |
| Exclude current item | yes |
| Display listing text | yes |
| Display tertiary text | no |
| Top margin | off |
| Bottom margin | on |
| Full width with peeking | no |
Title
Tile with rollover Two slides per page - full width
Display listing text?
Display tertiary text?
Sorting method
Default sort order
Widget settings
| Header link | no |
|---|---|
| Slides per page | 2 |
| Content source | Filtered |
| No of items limit | 12 |
| Sorting method | Default sort order |
| Item style | Tile. With Rollover |
| Show next/prev controls | yes |
| Show slide indicators | yes |
| Loop | yes |
| Autoplay | on |
| Duration between slides (ms) | 5000 |
| Exclude current item | yes |
| Display listing text | yes |
| Display tertiary text | no |
| Top margin | off |
| Bottom margin | on |
| Full width with peeking | yes |
Title
Tile without rollover three slides per page - standard width
Display listing text?
Display tertiary text?
Sorting method
Default sort order
Widget settings
| Header link | no |
|---|---|
| Slides per page | 3 |
| Content source | Filtered |
| No of items limit | 12 |
| Sorting method | Default sort order |
| Item style | Tile. Without Rollover |
| Show next/prev controls | yes |
| Show slide indicators | no |
| Loop | yes |
| Autoplay | on |
| Duration between slides (ms) | 5000 |
| Exclude current item | yes |
| Display listing text | yes |
| Display tertiary text | no |
| Top margin | off |
| Bottom margin | on |
| Full width with peeking | no |
Title
Tile with rollover three slides per page - full width
Display listing text?
Display tertiary text?
Sorting method
Default sort order
Widget settings
| Header link | no |
|---|---|
| Slides per page | 3 |
| Content source | Filtered |
| No of items limit | 12 |
| Sorting method | Default sort order |
| Item style | Tile. Without Rollover |
| Show next/prev controls | no |
| Show slide indicators | yes |
| Loop | no |
| Autoplay | on |
| Duration between slides (ms) | 5000 |
| Exclude current item | yes |
| Display listing text | yes |
| Display tertiary text | no |
| Top margin | off |
| Bottom margin | on |
| Full width with peeking | yes |
Title
Tile without rollover four slides per page - standard width
Display listing text?
Display tertiary text?
Sorting method
Default sort order
Widget settings
| Header link | no |
|---|---|
| Slides per page | 4 |
| Content source | Filtered |
| No of items limit | 12 |
| Sorting method | Default sort order |
| Item style | Tile. Without Rollover |
| Show next/prev controls | yes |
| Show slide indicators | yes |
| Loop | no |
| Autoplay | on |
| Duration between slides (ms) | 5000 |
| Exclude current item | yes |
| Display listing text | yes |
| Display tertiary text | no |
| Top margin | off |
| Bottom margin | on |
| Full width with peeking | no |
Title
Tile with rollover four slides per page - standard width
Display listing text?
Display tertiary text?
Sorting method
Default sort order
Widget settings
| Header link | no |
|---|---|
| Slides per page | 4 |
| Content source | Filtered |
| No of items limit | 12 |
| Sorting method | Default sort order |
| Item style | Tile. With Rollover |
| Show next/prev controls | no |
| Show slide indicators | no |
| Loop | no |
| Autoplay | on |
| Duration between slides (ms) | 5000 |
| Exclude current item | yes |
| Display listing text | yes |
| Display tertiary text | no |
| Top margin | off |
| Bottom margin | on |
| Full width with peeking | no |
Title
Tile. Landscape, portrait image, three slides per page - static content
Display listing text?
Display tertiary text?
Sorting method
Default sort order
Widget settings
| Header link | no |
|---|---|
| Slides per page | 3 |
| Content source | Static |
| No of items limit | n/a |
| Sorting method | n/a |
| Item style | Tile. Landscape - Square Image |
| Show next/prev controls | yes |
| Show slide indicators | yes |
| Loop | no |
| Autoplay | on |
| Duration between slides (ms) | 5000 |
| Exclude current item | yes |
| Display listing text | yes |
| Display tertiary text | yes |
| Top margin | off |
| Bottom margin | on |
| Full width with peeking | no |