Deck of Cards

Description

Allows for the creation of tabbed content in coordination with the Card macro. Also works with Composition Setup macro, if it is placed above the Deck of Cards macro on the page.

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

The Deck of Cards macro can be viewed in action on our demo site.


Parameters

NameRequiredAvailable InMigratable to Cloud?Default ValueDescription
ID
 Yes
Server, Data Center
No
The ID for the deck. Must be unique to this page.
Tabs Location
 Optional
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
 Optional
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
 Optional
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
 Optional
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
 Optional
Server, Data Center
No
The custom CSS class the deck is decorated by.
Start Hidden
 Optional
Server, Data Center
No
true
If set to false, the cards will be initially visible on the page until setup is complete.
Loop Cards
 Optional
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)
 Optional
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
 Optional
Server, Data Center
No
none

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

  • fade
  • none
Effect Duration (in Seconds)
 Optional
Server, Data Center
No
1
  • The number of seconds the transition will take to complete, e.g.: 1.5 or 10

Tutorial Examples