---
schema_version: "1"
id: 4850e22fea16fd0f77b1ca17a9cd56a824bd7c885e9b6645326c488a3339cbbf
title: Work With Data in the Flexcard Designer (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_work_with_data_in_the_flexcard_designer.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_work_with_data_in_the_flexcard_designer.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 64354509469eb17a16ec06656b538ee09b68f4f97824cccd96f5896d7d66e366
description: For the managed package runtime, in the Flexcard Designer, you can get data from a variety of data sources and view the data JSON returned. You can then display the data automatically using specific elements, such as a datatable, or manually using variables.
products:
  - Omnistudio
release: "264"
---
# Work With Data in the Flexcard Designer (Managed Package)

For the managed package runtime, in the Flexcard Designer, you can get data from a variety of data sources and view the data JSON returned. You can then display the data automatically using specific elements, such as a datatable, or manually using variables.

![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).

- Configure your Flexcard's datasource from the Setup panel in the Designer. Get data directly from a Salesforce database with Omnistudio Data Mappers, SOQL Query, and SOSL Search. Get data from external sources with Rest Web. For complex business processes, get data with Apex Remote and Integration Procedures. See [Configure a Data Source on a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_configure_a_data_source_on_a_flexcard.htm&release=264.0.0&type=5 "For the managed package runtime, configure a data source on a Flexcard to retrieve data from a Salesforce object or an external database. A Child Flexcard can have a data source independent of the parent Flexcard or use the data source from the parent Flexcard.").
- View the returned data from the Setup panel by clicking **Save & Fetch**, or in the **Data JSON** panel in Preview. See [View a Flexcard's Data JSON (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_view_a_flexcard_s_data_json.htm&release=264.0.0&type=5 "For the managed package runtime, view your Flexcard's data JSON from the Preview tab of the Flexcard Designer. Look for potential issues in how your data source populates elements before publishing your Flexcard or sending data to another component. The Data JSON panel updates when you interact with the Flexcard, such as when entering data in an input field or clicking an action.").
- Display data with multiple elements such as a Datatable, Chart, Image, Field, child Flexcard, and Custom LWC. See [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.").
- Display data with a data merge field, which is a variable that references the value of a JSON node. See [Access Flexcard Data JSON with Merge Fields (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_access_flexcard_data_json_with_merge_fields.htm&release=264.0.0&type=5 "For the managed package runtime, enable Flexcard element properties to access data JSON using merge fields. A merge field is a variable that references the value of a JSON node. Merge field syntax requires you to wrap a full JSON path with a curly bracket on both ends, such as {FirstName}. For example, if a JSON node is \"FirstName\": \"John\", then the merge field {FirstName} returns John.").
- Display data based on context variables, such as {recordId}. Context variables help display data based on where content is added. See [Flexcards Context Variables (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_context_variables.htm&release=264.0.0&type=5 "For the managed package runtime, global and local context variables are available to a Flexcard to provide context to data sources, actions, and other components. All variables are case sensitive.").

- **[Configure a Data Source on a Flexcard (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_configure_a_data_source_on_a_flexcard.htm&release=264.0.0&type=5)**  
    For the managed package runtime, configure a data source on a Flexcard to retrieve data from a Salesforce object or an external database. A Child Flexcard can have a data source independent of the parent Flexcard or use the data source from the parent Flexcard.
- **[Access Flexcard Data JSON with Merge Fields (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_access_flexcard_data_json_with_merge_fields.htm&release=264.0.0&type=5)**  
    For the managed package runtime, enable Flexcard element properties to access data JSON using merge fields. A merge field is a variable that references the value of a JSON node. Merge field syntax requires you to wrap a full JSON path with a curly bracket on both ends, such as {FirstName}. For example, if a JSON node is `"FirstName": "John"`, then the merge field `{FirstName}` returns `John`.