---
schema_version: "1"
id: 1317acc17962560fa0c019c149603a6a3b0034821773231bef153331aab107d6
title: Flexcard Designer Data JSON (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_designer_data_json.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcard_designer_data_json.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: a1479bfae25f19d7d7b8eb78dba2b5e271cc3b004e764b8fe404ce64e5831ef3
description: For the managed package runtime, use the Data JSON feature in the Flexcard Designer's Preview tab to see how your data source populates the elements on the rendered cards of your Flexcard component. Detect potential issues at run time. The Data JSON panel updates when you interact with the Flexcard, such as when entering data in an input field or clicking an actionable item.
products:
  - Omnistudio
release: "264"
---
# Flexcard Designer Data JSON (Managed Package)

For the managed package runtime, use the Data JSON feature in the Flexcard Designer's Preview tab to see how your data source populates the elements on the rendered cards of your Flexcard component. Detect potential issues at run time. The Data JSON panel updates when you interact with the Flexcard, such as when entering data in an input field or clicking an actionable item.

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

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
      <colgroup>
        <col>
      </colgroup>
      <thead class="slds-text-title_caps ">
        <tr class="">
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d302670e44">
            <p style="margin-bottom:0;">Required Versions</p>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td data-label="Required Versions" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e44 ">
            <p style="margin-bottom:0;">Available beginning Summer '21.</p>
          </td>

        </tr>
      </tbody>
    </table>

![FlexCard ­Debug ­Panel ­Data JSON panel](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/omnistudio_for_managed_packages/images/flexcard_debug_panel_data_json.png)

The following table lists the Data JSON's available objects and the information each object provides:

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
      <colgroup>
        <col>
        <col>
      </colgroup>
      <thead class="slds-text-title_caps ">
        <tr class="">
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d302670e88">
            <p style="margin-bottom:0;">Object</p>
          </th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d302670e94">
            <p style="margin-bottom:0;">Description</p>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td data-label="Object" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e88 ">
            <p style="margin-bottom:0;">cards</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e94 ">
            <p>Displays information about rendered cards based on the data displayed and state conditions applied. For example, if your Flexcard displays information about an Account and the data source returns 3 accounts with no conditions applied, then the <strong class="uicontrol">cards</strong> object shows 3 card objects. Each card object displays the card's state name, data fields, attributes, and child Flexcards. The <strong class="uicontrol">uniqueKey</strong> distinguishes the card objects from each other.</p>
            <div class="slds-box slds-box_x-small slds-theme_shade slds-m-top_medium slds-m-bottom_medium">
              <div class="slds-media slds-media_responsive">
                <div class="slds-media__figure"><span class="slds-icon_container slds-icon_container_circle slds-icon-note-note"><img style="margin-bottom:0;" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/images/icon_note.png" alt="Note"></span></div>
                <div class="slds-media__body" style="padding-top:.5rem;padding-bottom:.5rem;"><span class="slds-text-title_caps">Note</span>
                  <p>If your Flexcard has a child Flexcard, only its name appears in the Data JSON panel.</p>
                </div>
              </div>
            </div>
          </td>

        </tr>
        <tr class="">
          <td data-label="Object" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e88 ">
            <p style="margin-bottom:0;">dataSource</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e94 ">
            <p style="margin-bottom:0;">Displays the array of records returned from the data source and the settings configured in the Setup panel, such as the data source type and delay time. Displays additional settings depending on your data source type. See <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_configure_a_data_source_on_a_flexcard.htm&amp;release=264.0.0&amp;type=5" title="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.">Configure a Data Source on a Flexcard (Managed Package)</a>.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Object" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e88 ">
            <p style="margin-bottom:0;">Label</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e94 ">
            <p style="margin-bottom:0;">Displays custom labels fetched for the Flexcard. See <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_add_custom_labels_to_supported_fields_on_a_flexcard.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, add custom labels to supported Flexcard element fields with the {Label} merge field. Custom labels are custom text values that can be accessed from Apex classes, Visualforce pages, or Lightning components. Add custom labels if your Flexcard supports multiple languages. The values can be translated into any language Salesforce supports.">Add Custom Labels to Supported Fields on a Flexcard (Managed Package)</a>.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Object" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e88 ">
            <p style="margin-bottom:0;">Params</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e94 ">
            <p style="margin-bottom:0;">Displays Salesforce page parameters, such as namespace.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Object" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e88 ">
            <p style="margin-bottom:0;">recordId</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e94 ">
            <p style="margin-bottom:0;">Displays the Id of the Flexcard page as seen in the URL when you are in the Flexcard Designer.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Object" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e88 ">
            <p style="margin-bottom:0;">Session</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e94 ">
            <p style="margin-bottom:0;">Displays the <strong class="uicontrol">Session Variables</strong> defined in the Setup panel. See <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_add_session_variables_to_a_flexcard.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, set attributes available from a component, or store values from data sources or external systems to access globally on a Flexcard. For example, set an API key or track pagination. Use the merge field {Session.var} to parse the value.">Add Session Variables to a Flexcard (Managed Package)</a>.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Object" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e88 ">
            <p style="margin-bottom:0;">TestParams</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e94 ">
            <p style="margin-bottom:0;">Displays test parameters defined in the <strong class="uicontrol">Add Test Params</strong> feature. See <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_previewadd_test_paramsproperties.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, Flexcards Add Test Params properties are available when previewing a Flexcard in the Flexcard Designer. Preview the Flexcard's appearance and functionality before publishing it to a Lightning or Community page. Enter additional test variables that your data source query can use to update your Preview.">Flexcards Preview 'Add Test Params' Properties (Managed Package)</a>.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Object" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e88 ">
            <p style="margin-bottom:0;">theme</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e94 ">
            <p style="margin-bottom:0;">Displays the Flexcard theme as selected when the Flexcard was created.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Object" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e88 ">
            <p style="margin-bottom:0;">title</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e94 ">
            <p style="margin-bottom:0;">Displays the Flexcard name as defined when the Flexcard was created.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Object" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e88 ">
            <p style="margin-bottom:0;">User</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d302670e94 ">
            <p style="margin-bottom:0;">Displays logged-in user information. See <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_context_variables.htm&amp;release=264.0.0&amp;type=5" title="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.">Flexcard Context Variables</a>.</p>
          </td>

        </tr>
      </tbody>
    </table>

- **[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.