You are here:
Flexcards Display Elements
Show relevant information to your users by adding display elements to Flexcards such as data fields, actions, states, data tables, and more. While we provide info bubbles for most element properties directly in the app, some elements are more complex to set up, such as custom Lightning web components. Review the considerations and requirements for those elements.
Adding components, such as flyout, a custom Lightning web component, or a Flexcard, that call themselves or that are embedded in another component can lead to cyclic redundancy, causing events to run continuously and exceed the browser’s maximum call size stack. For example, a Flexcard has a child Flexcard that calls an Omniscript that calls the same parent Flexcard from a flyout.
- Group Elements in a Block on a Flexcard
Combine logical groups of elements in a collapsible container by using the block element. For example, group an account's basic information in one block, and group the account's contact information in another. - Add a Chart to a Flexcard
Display data on a Flexcard as a chart by using available types such as bar, pie, donut, and more. Configure settings such as the aspect ratio or dimensions to fit your company or institution’s style. - Embed a Custom Lightning Web Component
Embed components to which you add custom styling and functionality. For example, embed an existing carousel component in a Flexcard and then configure its attributes. - Show Data in a Table on a Flexcard
At times, a sortable table is most suited to represent your data. You can show data retrieved from a data source in a table on Flexcards. For example, show account cases as a sortable table. - Add a Display Field to a Flexcard
Display data fields returned from a data source on a Flexcard. For example, display Policy information for an Account. - Embed Flexcard in a Flexcard
Share data between Flexcards by embedding a Flexcard as a child in another Flexcard. The child Flexcard can have its data source, or the parent can override the child's data source with its own data source. The parent can also pass specific data to the child, such as its record ID to use as the child's context ID. - Add an Icon or an Image to a Flexcard
Add icons or images to a Flexcard from an existing library or use your own. Then, add actions, CSS classes, and configure their dimensions to fit your company or institution. - Group Actions in a Menu on a Flexcard
Create a menu from a list of actions on a Flexcard. Style the menu button, and each action in the menu's dropdown. - Display Text on a Flexcard
Keep your user informed by displaying text that combines plain text and merge fields. Format the final rendering by using a rich text editor.
