[All Adaptavist Apps]

Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Indent examples

...

Expand
Examples
Examples

Basic Use

Wiki Markup
Add the deck & card macros to a page to create a tabbed panel which is ideal for separating out blocks of related content
{code}
{deck:id=my_deck}
  {card:label=Card 1}
    This is the first tab's content
  {card}
  {card:label=Card 2}
    This is the second tab's content
  {card}
{deck}
{code}

Which gives:
{composition-setup}
{deck:id=my_deck}
{card:label=Card 1}
This is the first tab's content
{card}
{card:label=Card 2}
This is the second tab's content
{card}
{deck}

Add CSS styles to your deck & card macros

Wiki Markup
To apply a CSS style simply add the appropriate class to the deck macro
{code}
{deck:id=my_deck|class=green}
  {card:label=Card 1}
    This is the first tab's content
  {card}
  {card:label=Card 2}
    This is the second tab's content
  {card}
{deck}
{code}

Which gives:
{deck:id=my_deck|class=green}
{card:label=Card 1}
This is the first tab's content
{card}
{card:label=Card 2}
This is the second tab's content
{card}
{deck}

The other classes you can you use are *aqua*, *tan* and *red*

...