Customize the Step Chart Component (Managed Package)

For the managed package runtime, add customizations to your Step Chart by extending the Step Chart Lightning web components, the StepChart component, and the Step Items component.

Managed Package app icon This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.

The stepChartItems Lightning web component contains logic that determines the different step statuses the step chart and its labels display. For information on extending Omniscript Lightning web components, see Extend an Omniscript Element's Lightning Web Component (Managed Package).

Create a custom Step Chart Lightning web component that extends the stepChart Lightning web component. For more information, download the ReadMe Omniscript ReadMe Reference (Managed Package).

Important
Beginning Spring '22, to determine the current index for step chart items, pass the current-step-index API attribute into the c-omniscript-step-chart-items component .
Extend the stepChartItems Lightning web component in one of two ways:
- Customize the stepChartItems LWC by creating an additional custom component that extends the stepChartItems LWC. For more information, download the ReadMe Omniscript ReadMe Reference (Managed Package).
- Extend the stepChartItems LWC directly in your custom Step Chart LWC. The default behavior and styling of the stepChartItems LWC will display in your custom Step Chart LWC.
(Optional) If a custom Step Chart Items LWC exists, extend that component in your custom Step Chart component.
After deploying custom LWCs to Salesforce, open an Omniscript.
In the Omniscript's Script Configuration properties, go to Element Type To LWC Component Mapping, and click Add New Mapping.
In the Element Type field, enter StepChart.
In the Lightning Web Component field, select your custom Lightning web component.
Activate the Omniscript, and preview your changes.