Wiki Markup |
---|
Composition Setup |
Macro Code
Code Block |
---|
{deck:id=DECKID} {composition-setup} {deccard:id=deck1}label=CARDLABEL} Content. {card} {card:label=Card 1 h4. Card 1 Lorem 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. Nulla vitae odio libero. Praesent ante tellus, rhoncus et lacinia sed, lacinia a leo. Aliquam lacus purus, lobortis quis rutrum ut, luctus non justo. Integer pretium felis nec arcu malesuada vel volutpat metus malesuada. Donec id odio mi, sit amet pellentesque purus. Curabitur nisl odio, eleifend eget adipiscing et, vulputate nec ante. Integer adipiscing fermentum arcu id elementum. Fusce porttitor justo nulla, sed consequat ante. Fusce eu tempor nibh. Mauris quis dolor non diam sodales hendrerit ut a enim. {card} {card:label=Card 2} h4. Card 2 Lorem 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. Nulla vitae odio libero. Praesent ante tellus, rhoncus et lacinia sed, lacinia a leo. Aliquam lacus purus, lobortis quis rutrum ut, luctus non justo. Integer pretium felis nec arcu malesuada vel volutpat metus malesuada. Donec id odio mi, sit amet pellentesque purus. Curabitur nisl odio, eleifend eget adipiscing et, vulputate nec ante. Integer adipiscing fermentum arcu id elementum. Fusce porttitor justo nulla, sed consequat ante. Fusce eu tempor nibh. Mauris quis dolor non diam sodales hendrerit ut a enim. {card} {card:label=Card 3} h4. Card 3 Lorem 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. Nulla vitae odio libero. Praesent ante tellus, rhoncus et lacinia sed, lacinia a leo. Aliquam lacus purus, lobortis quis rutrum ut, luctus non justo. Integer pretium felis nec arcu malesuada vel volutpat metus malesuada. Donec id odio mi, sit amet pellentesque purus. Curabitur nisl odio, eleifend eget adipiscing et, vulputate nec ante. Integer adipiscing fermentum arcu id elementum. Fusce porttitor justo nulla, sed consequat ante. Fusce eu tempor nibh. Mauris quis dolor non diam sodales hendrerit ut a enim. {card} {deck}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 | |||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||
|