---
schema_version: "1"
id: 50d42fb43ed53e99f197d0f17645a38cdaf04266e8c5530acf3ce4543250de9f
title: Adding a Card to a 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_adding_a_card_to_a_layout.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_adding_a_card_to_a_layout.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: bd307bd113329aa227bfff76e752844284206763c14491ae3d00c3fc0d9de319
description: 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.
products:
  - Omnistudio
release: "264"
---
# Adding a Card to a Layout (Managed Package)

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.

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

Add cards to your layout after creating the layout and fetching data. 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."). See [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.").

Because cards are portable components added to one or more layouts, changes made to existing cards apply to that same card on any layout containing that card. For example, if you add a card named CustServ Account Cases to a layout named public-accounts and a layout named account-policies, updating the card on one of these layouts automatically updates that card on the other layout.

A card can have its own data source independent of the layout data source. See [Configuring Data Sources for Cards Components (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_configuring_data_sources_for_cards_components.htm&release=264.0.0&type=5 "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.").

Before you begin, create a card layout. 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.") and [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.").

- **[Adding a Card to a Layout (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_adding_a_card_to_a_layout_1.htm&release=264.0.0&type=5)**  
    For the managed package runtime, add a card to a layout.
- **[Configuring a Card (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_configuring_a_card.htm&release=264.0.0&type=5)**  
    For the managed package runtime, to configure a card on a layout, set these optional properties:
- **[Limit User Access to a Card Layout in a Managed Package (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_limit_user_access_to_a_card_layout_in_a_managed_package.htm&release=264.0.0&type=5)**  
    For the managed package runtime, in the managed package in your org, the `VlocityRequiredPermissionCheck` Apex Class must exist in Setup > Apex Classes for the **Required Permissions** feature to work. The **Required Permissions** feature enables you to limit user access to a card layout. Enter a list of custom permissions to specify which users can see your layout.
- **[Configuring Card Properties (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_configuring_card_properties.htm&release=264.0.0&type=5)**  
    For the managed package runtime, configure card properties on your card layout.