---
schema_version: "1"
id: 361087fbbc6c2ac483cc272968e60ddc6f1f04593244b4c09451e2179d2209f9
title: Configuring Card Properties (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_configuring_card_properties.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_configuring_card_properties.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: c12481caf33530318933ae657c29b257de3bbc199c6c74c66076dd1740b2c75f
description: For the managed package runtime, configure card properties on your card layout.
products:
  - Omnistudio
release: "264"
---
# Configuring Card Properties (Managed Package)

For the managed package runtime, configure card properties on your card layout.

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

After creating a card layout and adding cards, configure card properties in the Cards pane of the Card Designer. See [Creating a Card Layout Using Card Designer (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_creating_a_card_layout_using_card_designer.htm&release=264.0.0&type=5 "For the managed package runtime, create a card layout to build visual components to your customer interactions by adding data, enabling actions, and using custom or Vlocity templates to determine the look and feel.") or [Creating an LWC Card Layout (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_creating_an_lwc_card_layout.htm&release=264.0.0&type=5 "For the managed package runtime, create an LWC card layout to enable Vlocity Lightning web components."). See [Adding a Card to a Layout (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_adding_a_card_to_a_layout.htm&release=264.0.0&type=5 "For the managed package runtime, beginning with the Vlocity Insurance and Health Summer '19 and Vlocity Communications, Media, and Energy Fall '19 releases, Vlocity supports the Salesforce Lightning Web Component programming model.").

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d270708e72">
              <p style="margin-bottom:0;">Property</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d270708e78">
              <p style="margin-bottom:0;">Description</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d270708e84">
              <p style="margin-bottom:0;">Example</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d270708e72 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Create Version</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d270708e78 ">
              <p style="margin-bottom:0;">Creates a new version of a card. The new version is added underneath the current card. Creating a version of the card creates an exact copy of the card with a Version equal to the latest version number plus one, such as <strong class="uicontrol">Version 2</strong>. See <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_cards_framework_versioning.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, the Vlocity Cards Framework supports versioning for all components. The name, author, and version combination must be unique for each component of a given type (layout, card, or template) in an org.">Cards Framework Versioning (Managed Package)</a>.</p>
            </td>

            <td data-label="Example" class="slds-cell-wrap" style="vertical-align:top;" headers="d270708e84 ">
              <p style="margin-bottom:0;">N/A</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d270708e72 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">+ Add Filter</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d270708e78 ">
              <p style="margin-bottom:0;">Filters the output of the returned data from the data source. For the key, select the name of a field returned from the data source. For the value, enter the value to filter. To view available data fields to filter, click <strong class="uicontrol">View Data</strong> in the card or the card layout.</p>
            </td>

            <td data-label="Example" class="slds-cell-wrap" style="vertical-align:top;" headers="d270708e84 ">
              <p style="margin-bottom:0;">For example, to show data whose account name is Acme, select <kbd>['AccountName']</kbd> as the key, and <kbd>Acme</kbd> as the value.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d270708e72 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">+ Add Session Variables</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d270708e78 ">
              <p style="margin-bottom:0;">Configure a card to store data from the data source, or enable additional features from a card template.</p>
            </td>

            <td data-label="Example" class="slds-cell-wrap" style="vertical-align:top;" headers="d270708e84 ">
              <p style="margin-bottom:0;">For example, enter <strong class="uicontrol">columns</strong> as the name and an array of table heading names and settings as the value if your selected card state template is a <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_datatable_lightning_web_component_readme.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, this page contains the DataTable LWC ReadMe as of the Summer '21 release.">DataTable LWC</a> whose attribute columns requires a list of columns to display in the table.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d270708e72 ">
              <p style="margin-bottom:0;">+Add Metatags</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d270708e78 ">
              <p>Enables search engine optimization (SEO) options in your metadata by allowing the layout to write metatags to a page header.</p>
              <p>Available card metatags are: author, description, keywords, and viewport.</p>
              <p>The metatags are inserted after a layout or card loads, whether or not the data source is set.</p>
              <p style="margin-bottom:0;">Vlocity recommends that you replace metatags with the same name. Do not duplicate metatags. Web crawlers ignore duplicate tags.</p>
            </td>

            <td data-label="Example" class="slds-cell-wrap" style="vertical-align:top;" headers="d270708e84 ">
              <p style="margin-bottom:0;">For example, possible keywords for a card layout that shows a list of active account cases are <kbd>cases, current cases</kbd>, <strong class="uicontrol">active cases</strong>.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d270708e72 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Data Source</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d270708e78 ">
              <p>Sets a data source for the layout.</p>
              <p style="margin-bottom:0;">The data source holds the master query that returns results in a JSON structure for cards in the layout. For more information on how to configure a data source and to see a complete list of data sources, see <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_configuring_data_sources_for_cards_components.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, configure a data source on a card, layout, or flyout to retrieve data from a Salesforce object or an external database. Display the returned data on cards in a layout or flyout.">Configuring Data Sources</a>. Cards can have data sources different from the layout data source.</p>
            </td>

            <td data-label="Example" class="slds-cell-wrap" style="vertical-align:top;" headers="d270708e84 ">
              <p style="margin-bottom:0;">For example, you might query every policy associated with an account, then create a card for each policy type.</p>
            </td>

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