For the managed package runtime, apply global style changes to Omniscripts by using the Newport Design System, which you can download and use to edit and override existing Newport CSS styling.
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
- Download Node.js. Ensure that Node.js is installed on your local computer according to the npm documentation at https://www.npmjs.com/get-npm. If you don’t have Node.js download it from https://nodejs.org/en/download/.
- Download the package npm-install from: the docs.npmjs.com site.
-
Clone the Newport Design System (vlocityinc/newport-design-system) from https://github.com/vlocityinc/newport-design-system using
a command-line interface. To see which components are provided by Newport, look at
the
UI/componentsdirectory.
NoteIf you cannot use a file from GitHub, download the Newport Design System here. Newport Design System branches are common to all packages.
- From the GitHub page, perform the latest steps to install the correct dependencies.
-
After installation is complete, launch the Storybook.js preview by issuing the
command
npm start. - Review the documentation in the Storybook preview.
- Add customizations to your theme. See Customize Omniscripts and Flexcards with the Newport Design System (Managed Package).
- Apply the Omniscript to individual Omniscripts or override the Newport theme for the entire org. See Deploy and Apply Global Styling Changes using the Newport Design System (Managed Package).
- Preview the changes in your Salesforce org by using the Newport Player in the Omniscript Designer Preview.