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.
This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.
|
Required Versions |
|---|
|
Available beginning with Vlocity Insurance and Health Summer '19 and CME Fall '19. |
Before You Begin
-
If you are unfamiliar with using command-line interfaces, see Command Line 101 (git-tower documentation).
-
System Requirements:
-
Git (git-scm documentation)
-
nodeJS v12.0 or higher (Node documentation)
-
Gulp CLI:
npm install --global gulp-cli
-
- Ensure that Node and NPM are installed on your local computer using the commands NPM outlines in their documentation https://www.npmjs.com/get-npm. If you do not have Node or NPM, download them from https://nodejs.org/en/download/.
- Clone the latest Newport Design System package from newport-design-system, and follow the instructions outlined in the GitHub repo.
- Edit the CSS in a local text editor and save your changes.
- Preview the changes using Storybook. For more information, see the instructions found in the newport-design-system.
- To deploy the CSS to Salesforce, see Deploy Card Template Changes with the Newport Design System (Managed Package).
- Preview the changes in your Salesforce org in the Card Designer Preview.
- Deploy Card Template Changes with the Newport Design System (Managed Package)
For the managed package runtime, the Newport Design System allows you to apply custom changes to the Newport templates that can then be applied to any Card using a Newport Design System template.