Card View – Symphonix

Note

This configuration is MUI-specific.

General

Card view supports inline recordActions.
Read-only card view uses cardTitle and cardSubtitle to render
- cardTitle and cardSubtitle 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

Example 79. 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.

Example 80. Code JSON

"recordActions": [{
  "name": "foo",
  "appearance": {
    "style": "iconic",
    "label": "share",
    "position": "left"    
  },...