Stacked Cards

Stacked Cards are a Board design feature that allows you to have different Cards on the same space on a Board with a highly efficient footprint and no reduction in performance. In this way, you can easily navigate between Cards without having to scroll through a giant Board or move between Boards.

Things to note about Stacked Cards, before we dive into how to configure them:

• Though the Cards are stacked, they can still be edited independently via the ellipses dropdown in the above image.
• Changing the Editors, Visibility rules, View, Filters, etc. of one Card will not alter the other Card(s) in the stack.
• The header/s of each Card in the stack are also configured independently. However, all Cards in a stack will have the same height, and editing Card height on one Card will change the height of all Cards in the stack.
• Stacked Cards only count as one of the 16 allowable Cards on a Board, since they share the same position.

Some examples of useful Stacked Cards include:

• Changing the Visibility on each Card so they show different Locations’ or Users’ Items
• Showing daily, weekly, monthly, and annual data on Charts
• Activity Feeds for different kinds of Items

How to Stack Cards

First, navigate to or create the Cards you want to stack. Any type of Card can be stacked with any other type (Widget, List, Report, etc.).

Click and hold while dragging and dropping one Card on top of another, taking care to position the moving Card so that the dashed line appears around the Card with which you’d like to stack it. 

Release the Card, and click Stack in the resulting popup window to confirm that you’d like to stack these Cards. The Card that was moved will be placed behind the stationary Card.

Repeat as many times as necessary to stack all desired Cards. 

You may also drag and drop Stacked Cards on top of other individual Cards or Stacked Cards to create bigger stacks. Again, the moving Stack will be placed behind the stationary Stack.

The number of stacked Cards will be indicated in the lower right corner of the Stack.

Navigating Through Stacked Cards

You can navigate through a Card Stack in two ways:

Use the carousel controls

• Click the dots at the bottom of the Card to jump to a specific Card. Up to five dots are displayed at a time.
• Click the left or right arrows to move backward or forward through the Stack.

Use the Card Stack menu

• Click the down arrow icon on the left side of the Card’s header to open a list of all Cards in the Stack. There will be an icon next to each Card title to indicate what type of Card it is. 
• Select a Card from the list to navigate directly to it

Expanding a Card from this menu will display only that Card, rather than the full Stack.

Unstack Cards

Hover over the header at the top of the Stacked Cards. Click the ellipses menu, hover over Stack, and select Unstack Card. This will remove the current Card from the stack and place it in the top left corner of the Board Section. Because there is a maximum of 16 Cards allowed on a Board, this option will not appear if you currently have 16 Cards. 

Reorganize a Stack

By default, when you move a Card onto another Card or Stack, it is placed at the back of the Stack. You can manually reorder Cards within the Stack at any time.

To reorder Cards:

1. Hover over the Card’s header within the Stack.
2. Click the ellipsis icon, then hover over Stack to reveal more options. 

From here, you can adjust the Card’s position:

• Move Right: Moves the Card one position toward the back of the Stack
• Move to Back: Moves the Card to the last position
• Move Left: Moves the Card one position toward the front of the Stack
• Move to Front: Moves the Card to the first position

Options will only appear when applicable. For example, you will not see “Move to Front” if the Card is already at the front of the Stack.

Copy a Stack

Hover over the header at the top of the Stacked Cards. Click the ellipses menu, hover over Stack, and select Copy Stack. You can then select whether you’d like to copy the stack to this Board or another Board. If copying the stack to the same Board, it’ll appear in the top left corner of the Board Section. If copying the stack to another Board, it’ll appear in the top left corner of the Board.

Because there is a maximum of 16 Cards allowed on a Board, this option will not appear if you currently have 16 cards. 

Delete a Stack

Hover over the header at the top of the Stacked Cards. Click the ellipses menu, select Stack, and select Delete Stack. This will permanently delete all Cards in the stack.