---
schema_version: "1"
id: 16b27ff1f7cd01248c048f40a2ed63b860f001741b461f07b1d50968d51c4efe
title: Template 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_template_designer.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_template_designer.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: aec469dddb3789d117d9e733420702d38c66935be7d5c499a0bcc8194f2e9e84
description: For the managed package runtime, Vlocity Templates provide the structure for Omniscript elements and Cards Framework components, such as a layout that includes the associated cards and card states. The template enables you to work directly with HTML to provide organizational structure, CSS/SASS to provide style, and AngularJS to loop through data from data sources.
products:
  - Omnistudio
release: "264"
---
# Template Designer (Managed Package)

For the managed package runtime, Vlocity Templates provide the structure for Omniscript elements and Cards Framework components, such as a layout that includes the associated cards and card states. The template enables you to work directly with HTML to provide organizational structure, CSS/SASS to provide style, and AngularJS to loop through data from data sources.

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

![Note](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)

Note

To apply CSS and template changes to all card and Omniscript templates, see [Apply Global Branding to Vlocity Cards (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_apply_global_branding_to_vlocity_cards.htm&release=264.0.0&type=5 "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.").

![image](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/vlocity_template_designer.png)

- **[Template Designer Settings (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_template_designer_settings.htm&release=264.0.0&type=5)**  
    For the managed package runtime, to configure the look and behavior of the Template Designer:
- **[Template Designer Help (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_template_designer_help.htm&release=264.0.0&type=5)**  
    For the managed package runtime, view the Template Designer Help modal to learn how to manually edit templates.