Deck of Cards

Description

Allows for the creation of tabbed content in coordination with the Card macro.

Works with Composition Setup macro, if placed above it in the page.

(info) This macro is only available on the Server version. For the Cloud version, use the Tab Group macro.


Parameters

NameRequiredAvailable InMigratable to Cloud?Default ValueDescription

ID

 (tick)

Server, Data Center

No

 

The ID for the deck. Must be unique to this page.

Tabs Location

 (error)

Server, Data Center

No

top

Options are:

  • top
  • bottom
  • left
  • right
  • none

The left and right parameters are only available in Composition 5.11.0 and up.

Width

 (error)

Server, Data Center

No

 

  • The width the content will be constrained to (not including any tabs).
  • If not set, the tabs expand to display their content.

Height

 (error)

Server, Data Center

No

 

  • The height the content will be constrained to (not including any tabs).
  • If not set, the tabs expand to display their content.

History

 (error)

Server, Data Center

No

true

If enabled, the tab will update the page URL when switching tabs and each navigation between the tabs will be treated as an entry in the browser history.

CSS Class

 (error)

Server, Data Center

No

 

The custom CSS class the deck is decorated by.

Start Hidden

 (error)

Server, Data Center

No

true

If set to false, the cards will be initially visible on the page until setup is complete.

Loop Cards

 (error)

Server, Data Center

No

false

If true, the deck will loop back to the beginning from the last card and vice-versa.

Next After (in Seconds)

 (error)

Server, Data Center

No

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.

Effect Type

 (error)

Server, Data Center

No

none

The effect to use when moving to a new slide. May be:

  • fade
  • none

Effect Duration (in Seconds)

 (error)

Server, Data Center

No

1

  • The number of seconds the transition will take to complete, e.g.: 1.5 or 10

Tutorial Examples