---
schema_version: "1"
id: 1dc2d192fc7ec00e459f53e61c7d1b5b06996a457c4075a84ce707e71a67c382
title: Flexcard Elements (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_flexcard_elements.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcard_elements.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 59a7d4bd770700e2ce6dd7922bb7eeb2db886d1ed7bcda6b2104b30b03d969a4
description: For the managed package runtime, build a Flexcard in the Flexcard Designer by dragging elements from the Build panel onto the canvas. Each element can be styled and properties configured within the Designer. For example, add an action link styled as a button with or without an icon.
products:
  - Omnistudio
release: "264"
---
# Flexcard Elements (Managed Package)

For the managed package runtime, build a Flexcard in the Flexcard Designer by dragging elements from the Build panel onto the canvas. Each element can be styled and properties configured within the Designer. For example, add an action link styled as a button with or without an icon.

![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US).

Drag elements from one of three sections in the Build panel onto the canvas:

- **Fields**: Display data fields generated from the Flexcard's data source.
- **Display**: Add elements that displays information, such as a Chart, Datatable, and Custom LWC element. Or add an element that executes an action or sends data, such as an Action element. See [Flexcards Display Elements Reference (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_display_elements_reference.htm&release=264.0.0&type=5 "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.").
- **Inputs**: Beginning Winter '22, add input elements on a Flexcard to enable users to enter data or select from a list of options you provide. See [Flexcards Input Elements Reference (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_input_elements_reference.htm&release=264.0.0&type=5 "For the managed package runtime, add input elements on a Flexcard to enable users to enter data or select from a list of options you provide. When a user enters, selects or updates a value, the change is reflected in the data JSON. You can configure an element to execute an action when a user selects an option or enters data. Input elements are available in the Inputs section of the Build panel of the Flexcard Designer.").

- **[Add Elements to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_elements_to_a_flexcard.htm&release=264.0.0&type=5)**  
    For the managed package runtime, add data fields, states, actions, and other elements to your Flexcard. Style an element and configure its properties in the Flexcard Designer.
- **[Add Actions to a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_an_action_to_a_flexcard.htm&release=264.0.0&type=5)**  
    For the managed package runtime, add up to six actions to a Flexcard to launch or update an Omniscript, navigate to a web page or application, display a flyout, fire an event, or update data field values. For example, add an action on an account Flexcard that when clicked, displays the contact information for the account.
- **[Flexcards Display Elements Reference (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_display_elements_reference.htm&release=264.0.0&type=5)**  
    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.
- **[Flexcards Input Elements Reference (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_input_elements_reference.htm&release=264.0.0&type=5)**  
    For the managed package runtime, add input elements on a Flexcard to enable users to enter data or select from a list of options you provide. When a user enters, selects or updates a value, the change is reflected in the data JSON. You can configure an element to execute an action when a user selects an option or enters data. Input elements are available in the **Inputs** section of the Build panel of the Flexcard Designer.
- **[Add Conditions to a Flexcard Element (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_add_conditions_to_a_flexcard_element.htm&release=264.0.0&type=5)**  
    For the managed package runtime, display or hide data based on the value of a data field. For example, display an alert icon or supplemental text for escalated Cases. Apply conditions to any element listed in the Build panel of the Flexcard Designer.