Question
NTT Data Italia S.p.A.
IT
Last activity: 17 Feb 2021 10:12 EST
How to change the color of the case stages after creation of application with Application Wizard
Hi,
I have created new application with application wizard and I selected a color schema. Now I want to change the color of the case stages. In the section pyStageName is set Custome Css "chevron active centered". How Can I change the color of the case stages? Can I change some contanier in the skin or I must change css?
I am using Pega 7.3.1.
Thanks.
Accepted Solution
Pegasystems Inc.
GB
In a standard system the stage chevron styles are defined in the py-portal-stages css which is attached to the skin rule as an additional stylesheet (Skin Rule / Included Styles tab / Additional Style Sheets) as shown below.
The $mx-link-color syntax is referring to a Mixin Variable. This one is referring to the mixin ("mx"), called "link", and the style "color":
So you could override this mixin to change the colour. However, be aware that this will change the colour of anything that uses this mixing so you will find that anything that uses that same colour will also change.
In a standard system the stage chevron styles are defined in the py-portal-stages css which is attached to the skin rule as an additional stylesheet (Skin Rule / Included Styles tab / Additional Style Sheets) as shown below.
The $mx-link-color syntax is referring to a Mixin Variable. This one is referring to the mixin ("mx"), called "link", and the style "color":
So you could override this mixin to change the colour. However, be aware that this will change the colour of anything that uses this mixing so you will find that anything that uses that same colour will also change.
Alternatively you could override the chevron style to use a different new mixin, or specifiy the style directly rather than using a mixin variable (not recommended).
There is some more information about this in the article Mixins in an override CSS
Pegasystems Inc.
US
Coming to your second question - Can I change some container in the skin or I must change CSS?
I do not think you modifying container in the application skin would change the CSS on the stages. You must make changes in the CSS file to modify the UI for stages.