8. Card Design — Two-Column List
In this step, the Two-Column List widget's outer card appearance is configured.
Wizard route: /cartography/add/carddesign
Prerequisite
Steps 1, 2, 3, 4, and 7 of the Two-Column List flow must be completed.
→ 07 — General Design
1. General Settings
| Field |
Description |
Unit |
| Chart Name |
Title shown at the top of the card (e.g., "Shift Summary") |
text |
| Chart Refresh Interval |
Data refetch period |
seconds |
Refresh Interval Recommendation for Two-Column List
| Scenario |
Recommended Refresh |
| Shift summary info (live) |
60 - 120 sec |
| Recipe parameters (static) |
0 |
| Sensor last reading |
15 - 60 sec |
| Facility info card (static) |
0 |
2. Card Display
| Field |
Description |
Type |
| Card Background Color |
Background color |
color |
| Card Title Position |
Left / Center / Right |
enum |
| Card Title Color |
Title text color |
color |
| Card Title Font Size |
Title font size |
px |
3. Info Card
## Shift Summary
- Data refreshes every 60 seconds
- Target = 1,500 units (per shift start)
| Field |
Description |
| Show Info Card |
Whether the info card is visible |
| Info Card Content |
Markdown editor |
| Expand Editor |
Full-screen editor |
4. Spacing
| Field |
Description |
Unit |
| Padding |
Card inner spacing |
px |
5. Border
| Field |
Description |
Unit |
| Border Color |
Card border color |
color |
| Border Radius |
Corner rounding radius |
px |
| Border Width |
Border thickness |
px |
6. Shadow (if available)
| Field |
Description |
| Shadow Blur |
Shadow softness |
| Shadow Offset X / Y |
Shadow direction offset |
| Shadow Opacity |
Shadow transparency |
7. Confirmation
When you click the Next button at the top right, flow.hasCardDesign = true is marked.
8. Next Step
→ 09 — Display Information