---
schema_version: "1"
id: cf88f82d7351d9b2570ca9eedb1ff0cd581a678103088c1c3590158e0eee7fe6
title: Configuring LWC Settings on an LWC Card Layout (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_lwc_settings_on_an_lwc_card_layout.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_configuring_lwc_settings_on_an_lwc_card_layout.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 83bfdc5f69dcf370f67da0939e9fb9c7bcba75396a638ea3921af40bb2443074
description: For the managed package runtime, configure LWC-specific properties on your LWC Card layout.
products:
  - Omnistudio
release: "264"
---
# Configuring LWC Settings on an LWC Card Layout (Managed Package)

For the managed package runtime, configure LWC-specific properties on your LWC 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 an LWC card layout](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."), configure the optional layout properties in the **LWC Settings** of the Layout pane of the Card Designer.

<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="d233699e61">
              <p style="margin-bottom:0;">Property</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d233699e67">
              <p style="margin-bottom:0;">Description</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d233699e73">
              <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="d233699e61 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Enable Newport</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d233699e67 ">
              <p style="margin-bottom:0;">Enable the Newport Design System to load the Newport CSS resource to your LWC Card layout. Your Layout and Card templates must have Newport support. See <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_apply_global_branding_to_vlocity_cards.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, apply global style changes to all Vlocity Cards in your org by using the Newport Design System. The Newport Design System enables you to download, edit, and override the existing Newport CSS styles with your own styles.">Apply Global Branding to Vlocity Cards (Managed Package)</a>.</p>
            </td>

            <td data-label="Example" class="slds-cell-wrap" style="vertical-align:top;" headers="d233699e73 ">
              <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="d233699e61 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Include User Information</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d233699e67 ">
              <p>Uses the <kbd>$root.vlocity</kbd> variable to return information about the logged in user from the data source of a card layout. See <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_cards_context_variables.htm&amp;release=264.0.0&amp;type=5" title="For the managed package runtime, several variables are available across the framework to provide contexts to cards, data sources, flyouts, templates, and other components.">Cards Context Variables (Managed Package)</a>.</p>
              <p style="margin-bottom:0;">Beginning with Vlocity Insurance and Health Winter '20 and Vlocity CME Winter '20, LWC Cards support returning information about the logged in user from the data source of a card, in addition to a card layout, after enabling <strong class="uicontrol">Include User Information</strong>.</p>
            </td>

            <td data-label="Example" class="slds-cell-wrap" style="vertical-align:top;" headers="d233699e73 ">
              <p style="margin-bottom:0;">For example, to display the ID and the name of the logged-in user on a card, enter <kbd>$root.vlocity.userName</kbd> in the <strong class="uicontrol">Search For</strong> field of a <strong class="uicontrol">SOSL search</strong>.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d233699e67 ">
              <p>Sets how to group the cards. To group cards by object type (such as
                Cases, Accounts, Contacts), select <strong class="uicontrol">Repeat Cards</strong>.
                To group cards by the order they appear in the database, select
                <strong class="uicontrol">Repeat Records</strong>.
              </p>
              <p style="margin-bottom:0;">Deselect <strong class="uicontrol">Repeat Records</strong> only to make a Chart or Datatable display one
                record. For all other elements, <strong class="uicontrol">Repeat Records</strong> is
                required for displaying even one record.</p>
            </td>

            <td data-label="Example" class="slds-cell-wrap" style="vertical-align:top;" headers="d233699e73 ">
              <p style="margin-bottom:0;">For example, if you have a Datatable
                that displays a list of contacts, choose <strong class="uicontrol">Repeat
                  Records</strong>.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d233699e67 ">
              <p style="margin-bottom:0;">Enables Omniscript to work with your LWC
                card layout. When enabled, the LWC card layout is usable in the
                Omniscript Designer via the <strong class="uicontrol">Custom LWC</strong> input
                element. See <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_launch_vlocity_cards_within_an_lwc_omniscript.htm&amp;release=264.0.0&amp;type=5" title="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.">Launch Vlocity Cards within an LWC Omniscript (Managed Package)</a>. The card must be active for the Omniscript
                Support feature to work. The LWC card layout is a standalone LWC that
                doesn’t interact with the LWC Omniscript.</p>
            </td>

            <td data-label="Example" class="slds-cell-wrap" style="vertical-align:top;" headers="d233699e73 ">
              <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="d233699e61 ">
              <p style="margin-bottom:0;">
                <strong class="uicontrol">Show XML Interface</strong>
              </p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d233699e67 ">
              <p style="margin-bottom:0;">Sets the metadata for the component
                using a visual editor. For more information on configuring metadata, see
                <a href="https://developer.salesforce.com/docs/component-library/documentation/lwc/lwc.create_components_meta_file" target="_blank">Component Configuration File</a>.
                The layout must be active to enable this feature. By default, the
                following metadata is set: <strong class="uicontrol">Master Label</strong>,
                <strong class="uicontrol">API Version</strong>, <strong class="uicontrol">Is Exposed</strong>,
                and <strong class="uicontrol">AppPage</strong>, <strong class="uicontrol">RecordPage</strong>,
                and <strong class="uicontrol">HomePage</strong> targets. See <a href="https://developer.salesforce.com/docs/component-library/documentation/lwc/lwc.reference_configuration_tags" target="_blank">Configuration File Tags</a>.
              </p>
            </td>

            <td data-label="Example" class="slds-cell-wrap" style="vertical-align:top;" headers="d233699e73 ">
              <p style="margin-bottom:0;">For example, select the <strong class="uicontrol">CommunityPage</strong> checkbox under <strong class="uicontrol">Target Name</strong> to make your LWC accessible on a community page.</p>
            </td>

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