After creating a FlexCard and hooking it up with a data source, now we can start building the UI components. The FlexCard designer has several elements and Actions.
FlexCard Elements
- Action – you can add an action to FlexCard to do the following
- launch or update an OmniScript
- navigate to web page or application
- display a flyout
- fire an event
- or update data values
- Block – combines logical groups of elements, can be made collapsible or can embed a block in another block.
- Chart – display data as Charts, there are several types to choose from
- bar
- pie
- donut
- line
- radar
- Custom LWC – embed LWC OmniScript, generated FlexCard LWC or a custom LWC.
- FlexCard LWC are prefixed with “cf” before the name
- Datatable – display tabular data
- Field – display data fields returned from a data source
- FlexCard – embed reusable child FlexCard. The child can have it’s own data source or parent can override child’s data source.
- Icon – display SVG icons
- Image – add an image element source
- upload from your computer
- point to a url
- from Assets in your Files library
- Menu – create menu from a list of actions
- State – add additional state to present different interactions and layouts based on conditions
- Text – combine rich text and merge fields in a rich text editor
- Toggle – trigger an action