Linked Cards
Description
Creates columns of cards and overlays that serve as logical links between cards of different columns. For each card column you may add several cards under the same column. In the image below the last column of cards has two cards under the same column. Each link is defined as part of a link row - so you can have multiple links under the same link row. In the image below the first row of links has three links defined: one that starts at the second card column and ends at the third column; one that starts and ends in the fourth column and one that starts and ends in the fifth column.
Preview
Config Details
Overall Configuration
Card Configuration
Link’s Row Configuration
Link Configuration
| Ref No | Name | Description | Value | Recommended | Required |
|---|---|---|---|---|---|
| 1 | Padding | Defines the padding between card columns. | Use slider | - | No |
| 2 | Title | Defines the card title. | Text input | - | No |
| 3 | Content | Defines the card content. | Text input | - | No |
| 4 | Background Color | Defines the card's background color. | Color picker | - | No |
| 5 | Border Color | Defines the card's border color. | Color picker | - | No |
| 6 | Fit Content | Whether the card should be automatically resized to fill all the container's empty space. | True, False | - | No |
| 7 | Row Index | Defines in which link's row the current link configuration is related to. | Number input | - | No |
| 8 | Top Distance | Defines the link content position relative to the top of the container. This attribute is deprecated and will be removed in future updates. | Use slider | - | No |
| 9 | Background Color | Defines the link content's background color. | Color picker | - | No |
| 10 | Icon Size | Defines the link content's start and end icons size. | Use slider | - | No |
| 11 | Start Index | Defines the size proportion of the bar's title. | Use slider | - | No |
| 12 | End Index | Defines the size proportion of the bar's label. | Use slider | - | No |
| 13 | Start Icon: Icon | Defines the link content start icon. | File picker | - | No |
| 14 | Start Icon: Icon Margin | Defines the link content start icon's margin. | Use slider | - | No |
| 15 | Start Icon: Icon Color | Defines the link content start icon's color. | Color picker | - | No |
| 16 | End Icon: Icon | Defines the link content end icon. | File picker | - | No |
| 17 | End Icon: Icon Margin | Defines the link content end icon's margin. | Use slider | - | No |
| 18 | End Icon: Icon Color | Defines the link content end icon's color. | Color picker | - | No |
| 19 | Margin | Defines the content margin relative to start and end icons. | Use slider | - | No |
| 20 | Content | Defines the link content. | Text input | - | No |
| 21 | Background Color | Defines the link content's background color. | Color picker | - | No |
| 22 | Border Color | Defines the link content's border color. | Color picker | - | No |