You are here:
Flexcards Display Elements Reference (Managed Package)
For the managed package runtime, select from a number of display elements to add to your Flexcard. Add elements such as data fields, actions, states, data tables, and more.
This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.
Beginning Winter '22, to add input elements to enable users to enter data or select from a list of options you provide, see Flexcards Input Elements Reference (Managed Package).
Beginning Winter '22, the Toggle element is available under the Inputs section of the Build panel. See Flexcards Input Elements Reference (Managed Package) for the description and reference link for the Toggle element.
Element Name |
Element Description |
Element Properties Reference |
|---|---|---|
Action |
Renders text or a button that executes an action when clicked. See Add Actions to a Flexcard (Managed Package). |
|
Block |
Enables grouping elements inside a collapsible container. See Group Elements Inside a Block on a Flexcard (Managed Package). |
|
Chart |
Displays data as a chart. See Add a Chart to a Flexcard (Managed Package). |
|
Custom LWC |
Embeds a Custom LWC inside a Flexcard state. See Embed a Custom Lightning Web Component, a Flexcard, or an Omniscript in a Flexcard (Managed Package). |
|
Datatable |
Creates a tabular structure from the data provided. See Add a Datatable to a Flexcard (Managed Package). |
|
Field |
Displays the output from a data field. See Add a Field to a Flexcard (Managed Package). |
|
Flexcard |
Embeds a Flexcard inside a state. See Embed Flexcard Inside Another Flexcard (Managed Package). |
|
Icon |
Displays a custom or Salesforce SVG icon. The icon can be linked to an action. See Add an Icon to a Flexcard (Managed Package). |
|
Image |
Displays a custom image from a given URL. Upload an image, use an image from your org's library, or use an external source. The image can be linked to an action. See Add an Image to a Flexcard (Managed Package). |
|
Menu |
Displays a list of actions as a dropdown menu. See Add a Menu to a Flexcard (Managed Package). |
|
State |
Adds a state to a Flexcard. See Add a State to a Flexcard (Managed Package). |
|
Text |
Renders text and parses merge fields with a rich text editor. See Add a Text Element to a Flexcard (Managed Package). |
- Group Elements Inside a Block on a Flexcard (Managed Package)
For the managed package runtime, combine logical groups of elements inside a collapsible container with the Block element on a Flexcard. For example, group an Account's basic information together, and separately, group the account's Contact information together. - Add a Chart to a Flexcard (Managed Package)
For the managed package runtime, display data on a Flexcard as a chart with the Chart element. Select from bar, pie, donut, line, and radar chart types. - Embed Flexcard Inside Another Flexcard (Managed Package)
For the managed package runtime, embed a reusable Flexcard as a child inside another Flexcard. The child Flexcard can have its own 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 itsrecordIdto use as the child's contextId. - Embed a Custom Lightning Web Component, a Flexcard, or an Omniscript in a Flexcard (Managed Package)
For the managed package runtime, embed a custom LWC, a child Flexcard, or an Omniscript in a Flexcard, and add custom styling and functionality. For example, if you have a carousel component, you can embed it in a Flexcard and then configure its attributes. - Display Flexcard Data in a Tabular Structure (Managed Package)
For the managed package runtime, display a tabular structure of the data fetched from a data source on a Flexcard. For example, display Account Cases as a sortable table. - Add a Field to a Flexcard (Managed Package)
For the managed package runtime, display data fields returned from a data source on a Flexcard. For example, display Policy information for an Account. - Add an Icon to a Flexcard (Managed Package)
For the managed package runtime, display an SVG Icon on a Flexcard. Select from a Salesforce SVG icon or a custom action. You can also link the icon to an action. - Add an Image to a Flexcard (Managed Package)
For the managed package runtime, add an image to a Flexcard in the Flexcard Designer. With the Image element, upload an image from your computer, use an image from a Salesforce library, enter a URL, or use a merge field from a data source. Link the image to an action, add classes, and adjust the size of the image relative to the canvas size. - Add a Menu to a Flexcard (Managed Package)
For the managed package runtime, create a menu from a list of actions on a Flexcard. Style the menu button, and each action in the menu's dropdown. Add any action type available in the Flexcard Designer. - Add a Text Element to a Flexcard (Managed Package)
For the managed package runtime, combine plain text and merge fields inside a rich text editor with the Text element in the Flexcard Designer. Enter a merge field, such as data fields, or context variables, such as session variables.
