{deck}
Plugin: Composition Plugin
In coordination with the card macro, allows for the creation of tabbed content.
Description
 | Requires that composition-setup is placed above it in the page. |
Usage
{deck:id=[Unique Deck ID]}
{card:label=Card 1}
Card 1 content.
{card}
{card:label=Card 2}
Card 2 content.
{card}
{deck}
Parameters
| Name | Required | Default | Description |
|---|---|---|---|
| id |  | The ID for the deck. Must be unique to this page. | |
| tabLocation |  | top
| Either 'top', 'bottom' or 'none'. |
| class | | The custom CSS class the deck is decorated by. | |
| width | | The width the content will be constrained to (not including any tabs). If not set, the tabs expand to display their content. | |
| height | | The height the content will be constrained to (not including any tabs). If not set, the tabs expand to display their content. | |
| startHidden | | true
| If set to false, the cards will be initially visible on the page until setup is complete. |
| loopCards | | false
| If true, the deck will loop back to the beginning from the last card and vice versa. |
| nextAfter | | never
| The number of seconds the slides will stay visible before moving to the next one. By default the current slide will not transition until prompted by the user. |
| effectType | | none
| The effect to use when moving to a new slide. May be 'fade' or 'none' (the default). |
| effectDuration | | 1
| The number of seconds the transition will take to complete. Eg. '1.5'. or '10'. |
Examples
A simple deck with three cards.
{composition-setup}
{deck:id=My Deck}
{card:label=Card 1}
{ipsumlorem:1}
{card}
{card:label=Card 2}
{ipsumlorem:2}
{card}
{card:label=Card 3}
{ipsumlorem:3}
{card}
{deck}
Discussions