8. Card Design — Static Text
In this step, the Static Text widget's outer card appearance is configured. Because Static Text has no data source, the Refresh Interval is not practically used.
Wizard route: /cartography/add/carddesign
1. General Settings
| Field | Description | Unit |
|---|---|---|
| Chart Name | Title shown at the top of the card | text |
| Chart Refresh Interval | Data refetch period (not meaningful for Static Text) | seconds |
Static Text + Refresh
Because Static Text is not connected to a data source, leave Refresh Interval at 0 (disabled). Otherwise unnecessary refreshes are triggered.
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 |
Static Text Background
If you are using Static Text as a section divider or header card, choose a prominent background color (e.g., #1E40AF — dark blue). It stands out among white/grey cards.
3. Info Card
Remember that Static Text is already the main content card; an additional info card is generally not needed. It can be used for a small tooltip-style additional note if required.
| 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 |
Static Text Padding
Keep Padding at 16-24 px for Markdown content; text won't press against the card edge.
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.