Macro Code
| Code Block |
|---|
{deck:id=DECKID}
{card:label=CARDLABEL}
Content.
{card}
{card:label=CARDLABEL2}
More Content.
{card}
{deck}
|
Deck Properties.
Enter these between the composition-setup macros at the top of every page that uses the deck and card macro. If you do not want to use custom properties, you will still need to place the composition-setup macro without defined properties.
...
Custom Property Syntax
...
| Code Block |
|---|
property.key = value
|
Name | Default | Description |
|---|
deck.memory.duration | 0 | The number of days the deck status should be remembered for. |
deck.tab.location | 'top' | 'top', 'bottom' or 'none'. The location of the tab bar. |
deck.tab.active.border | | The border for the active tab (CSS - eg. '1px dashed black') |
deck.tab.active.background | | The background for the active tab (CSS - eg. '#ff0055') |
deck.tab.inactive.border | | The border for inactive tabs (CSS) |
deck.tab.inactive.background | | The background for inactive tabs (CSS) |
deck.tab.spacer | | The distance between tabs (eg '5px') |
deck.card.border | | The border for the active card. |
deck.card.background | | The background for the active card. |
deck.width/deck.height | | The width and/or height the content will be constrained to (not including any tabs). If not set, the tabs expand to display their content. |
deck.startHidden | true | If set to 'false', the cards will be initially visible on the page until setup is complete. |
deck.loopCards | false | If 'true', the deck will loop back to the beginning from the last card and vice versa. |
deck.nextAfter | | 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. |
deck.effect.type | none | The effect to use when moving to a new slide. May be 'fade' or 'none'. |
deck.effect.duration | 0 | The number of seconds the transition will take to complete. Eg. '1.5'. Defaults to 0. |
| Deck of Cards |
|---|
|
| Card |
|---|
| Card 1Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in turpis tortor, id fringilla tellus. Ut id urna sed sapien sollicitudin malesuada semper a ipsum. Integer dictum nibh ut augue iaculis vel mattis enim congue. Duis ac ligula odio. Quisque eget ante sapien. Quisque sit amet diam felis, et sodales quam. Aenean eget massa nibh, sit amet pulvinar lectus. Aliquam congue aliquet varius. Quisque ultrices quam at lacus dapibus lacinia. Curabitur egestas nisl vitae neque tincidunt imperdiet. Nunc consectetur facilisis facilisis. Pellentesque justo arcu, dignissim eu mattis eget, pellentesque in massa. Nulla egestas viverra tortor, a luctus velit hendrerit et. Praesent pretium vestibulum lorem. Nulla ornare scelerisque dolor, id consequat nunc dignissim at. Aenean mattis hendrerit scelerisque. Curabitur interdum tempus elit sed sodales. Vivamus mauris tortor, blandit ac egestas ut, eleifend nec metus. Donec nulla dui, lobortis ac scelerisque eget, sodales non mi. Donec sollicitudin porta arcu, quis consectetur nunc ornare eu. Phasellus vel lectus arcu. |
| Card |
|---|
| Card 2Sed eget dolor eget metus semper facilisis. Sed cursus tortor ut nulla eleifend vitae rhoncus tortor luctus. Sed eu risus sapien. Nunc et est nunc, eu porttitor lectus. Vivamus sed elit at metus varius gravida. Donec tempus pretium libero, non tincidunt nibh gravida vitae. Aenean leo urna, mattis sit amet scelerisque eget, venenatis in lectus. Duis sit amet consectetur justo. Duis vel sapien dui. Vestibulum nibh nibh, convallis eu lobortis non, sagittis in justo. Morbi a iaculis lacus. Sed varius pharetra turpis vitae ullamcorper. Mauris vulputate sapien a dolor scelerisque nec iaculis dui porttitor. In a augue metus, non egestas nisl. |
| Card |
|---|
| Card 3Etiam mollis viverra eleifend. Fusce quis elit odio, a pellentesque dui. Cras sodales, lacus quis pellentesque congue, quam turpis scelerisque purus, accumsan mattis ante purus a nulla. Fusce eget ultrices metus. Phasellus tortor quam, vulputate non luctus quis, fringilla et nibh. In a eros ut purus egestas venenatis. Etiam nisl purus, pharetra eget elementum nec, tristique quis nunc. Integer sagittis placerat nulla, ut viverra metus mollis eu. Ut odio purus, suscipit elementum dapibus eu, auctor quis nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent hendrerit feugiat quam, at convallis massa aliquet at. Cras ac turpis libero, vitae consectetur risus. |
|