Posted: 2 Jan 2020 9:56 EST Last activity: 10 Jan 2020 6:26 EST
How to change the appearance of the default Case progress Indicator (aka Chevrons)
My customer would like to change the out of the box appearance of the Case progress indicator from the chevrons to something that conforms to their UX standards.
Below is what is out of the box:
And below is the style that they would like to change it to:
Please suggest the recommended method to make this change in a manner that is easy and can be done one time in a single place and then applies to the entire application. Also it should be in a manner that does not create problems at the time of upgrades (so essentially, within guardrails).
you should be able to override the CSS file py-portal-stages.css that is available in the UI-Kit ruleset to update the look and feel to match your design
The markup that is used to generate the stages should work for most UX designs. There are helper classes added on the elements to know which stage is past or current. If the markup needs to be changed, the section that renders the stage is called pyDisplayStages and can be overridden in your application