---
schema_version: "1"
id: f5b1a548cce0a7bd1cf3592c0a464789d3f3b10823b3f326af191e607f916f49
title: Flexcards Display Elements
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_flexcards_display_elements_reference_28421.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_display_elements_reference_28421.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: b29fed74052a03fd6c4afb582fd8409396bdad5d26850ac10e6d81d584df9d2f
description: 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.
products:
  - Omnistudio
release: "264"
---
# 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](https://help.salesforce.com/s/articleView?id=xcloud.os_group_elements_inside_a_block_on_a_flexcard_28595.htm&release=264.0.0&type=5)**  
    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](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_chart_to_a_flexcard_28722.htm&release=264.0.0&type=5)**  
    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](https://help.salesforce.com/s/articleView?id=xcloud.os_embed_a_custom_lwc_inside_a_flexcard_29568.htm&release=264.0.0&type=5)**  
    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](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_datatable_to_a_flexcard_29717.htm&release=264.0.0&type=5)**  
    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](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_field_to_a_flexcard_30250.htm&release=264.0.0&type=5)**  
    Display data fields returned from a data source on a Flexcard. For example, display Policy information for an Account.
- **[Embed Flexcard in a Flexcard](https://help.salesforce.com/s/articleView?id=xcloud.os_embed_flexcard_inside_another_flexcard_29030.htm&release=264.0.0&type=5)**  
    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](https://help.salesforce.com/s/articleView?id=xcloud.os_add_an_icon_to_a_flexcard_30498.htm&release=264.0.0&type=5)**  
    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](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_menu_to_a_flexcard_30859.htm&release=264.0.0&type=5)**  
    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](https://help.salesforce.com/s/articleView?id=xcloud.os_add_a_text_element_to_a_flexcard_31067.htm&release=264.0.0&type=5)**  
    Keep your user informed by displaying text that combines plain text and merge fields. Format the final rendering by using a rich text editor.