Deck of Cards

Description

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

An example of tabbed content:

Person in Charge Bryant
Approached Client 12 December 2021
Contract Signed 5 January 2022
Payment Made 5 February 2022
Stock Received 31 January 2022
Stock Sent 1 February 2022
Person in Charge Jack
Get Item Information 7 January 2022
Submitted to Content 7 January 2022
Client Confirmation 8 January 2022
Scheduled for Live Site

9 January 2022

Person in Charge Kathleen
Received Information 7 January 2022
Processing Content 7 January 2022
Submitted for Scheduling 8 January 2022
Person in Charge Farah
Received Graphics 7 January 2022
Processing Content 7 January 2022
Submitted for Scheduling 8 January 2022
(info) This macro is only available on the Server version. For the Cloud version, use the newer  Tabs  macro instead. If you would like to migrate your existing Card and Deck of Cards macros to Cloud, a migration tool and instructions are available here:

The Deck of Cards macro can also 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


Macro Edit View

Tutorial Examples