You are here:
Creating Custom LWC Card Templates (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.
This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.
Create a custom LWC card template from an existing template, or from one of Vlocity's base mixins, such as BaseState LWC for card states and BaseLayout LWC for layouts.
Custom Lightning web components built outside of the package cannot use any Salesforce Lightning web component that uses Salesforce resources or affects the component at run time. For more information, see Salesforce Modules.
Set Up Your Environment
To manage and develop Vlocity Lightning Web Components, use Salesforce DX with Visual Studio or IDX Workbench with Visual Studio. Both development approaches have source control. However, we recommend IDX Workbench because it allows you to deploy Vlocity components between orgs and compare both source and target files.
-
To manage and develop your LWCs with Salesforce DX, see Set Up Your Development Environment.
-
To manage and develop your LWCs with IDX Workbench, see IDX Workbench Desktop Application (Managed Package).
Create a Custom LWC Card Template
Create a new custom LWC layout template by extending the BaseLayout mixin. See Create a New Custom LWC Layout Template (Managed Package).
Create a new custom LWC card state template by extending the BaseState mixin. See Creating a New Custom LWC Card State Template (Managed Package).
Create a Custom LWC Card Template From an Existing Template
Create a custom LWC layout template by extending an existing layout template. See Extend a Template to Create a Custom LWC Layout Template (Managed Package).
Create a custom LWC card state template by extending an existing state template. See Extending a Template to Create a Custom LWC Card State Template (Managed Package).
- Create a New Custom LWC Layout Template (Managed Package)
For the managed package runtime, create a custom template for an LWC layout by extending the BaseLayout Mixin. - Extend a Template to Create a Custom LWC Layout Template (Managed Package)
For the managed package runtime, extend a template to create a custom LWC layout template. For example, use the CardCanvasLayout LWC template to overwrite methods and HTML templates. To see what methods can be overwritten for your extended component, view its ReadMe file. See Vlocity Cards LWC ReadMe Reference and Base Omnistudio LWC ReadMe Reference. - Creating a New Custom LWC Card State Template (Managed Package)
For the managed package runtime, create a custom template for an LWC card state by extending the BaseState Mixin. See BaseState Lightning Web Component ReadMe. - Extending a Template to Create a Custom LWC Card State Template (Managed Package)
For the managed package runtime, extend an existing template to create a custom LWC card state template. For example, use the CardActiveState LWC template to overwrite methods and HTML templates. - Downloading Custom Unmanaged LWCs From the Card Designer (Managed Package)
For the managed package runtime, download custom LWC layout and card state templates, and components from the Card Designer.
