Card View
Note:
This configuration is MUI-specific.
General
Card view supports inline recordActions.
Read-only card view uses
cardTitle
andcardSubtitle
to rendercardTitle
andcardSubtitle
are configured in the same way as title, subTitle, etc., including both the content and the conditional rendering
Read-only card view has label-value entries, where label and value are side by side.
Status
Release Available | Status | Framework Name |
---|---|---|
2.9 | Current | MUI |
Implementation Example
Code JSON
"appearance": { "cardTitle": "$this.attr(Name);", "cardSubtitle": "$this.attr(AnnualRevenue, currency);", "grid": { "card": { "sm": 6 } } } "recordActions": [{ "name": "...", "appearance": { "label": "share", "style": "iconic" } }, { "name": "...", "appearance": { "label": "edit", "style": "iconic", "tooltip": "Edit Account" } }]
- By default, record actions in each card are at the bottom of the card and right-aligned.
- Actions can be positioned to left by specifying the position value.
Code JSON
"recordActions": [{ "name": "foo", "appearance": { "style": "iconic", "label": "share", "position": "left" },...