Question
Standard Charted Bank
IN
Last activity: 11 Feb 2019 2:02 EST
How i can customize stage step shape from Chevron to Diamond shape
Hi Pega team,
As part of my business requirement i need to display steps image as diamond shape instead of Chevron share.
How i can customize? Please help me in bringing the required share for steps.
Thanks,
Sreeni
***Edited by Moderator: Pallavi to update platform capability tags***
Coforge DPA
GB
Hi
Have you tried customizing "Embed-Stage.pyStageName" section?
Regards
Bhavya
Standard Charted Bank
IN
Hi Bhavya,
Thanks for your reply. I tried to customize "Embed-Stage.pyStageName" but not sure where i can change the shape of Stage/Step. Can you please provide more information how and where i can modify the shape details?
Thanks,
Sreeni
Pegasystems Inc.
IN
Hi ,
R u looking for the images as i mentioned for a screenflow ?
if yes then use the below code in userworkform:
#ScreenFlowTabs ul li a:before{
border-raduis:0% !important;
transform: rotate(45deg);// the issue you will get here is the numbers will also rotate
}
Standard Charted Bank
IN
Yes Vikash,
I need to display similar image as part of stages & steps but not for screenflow. For stages & steps where I need to add you code, please verify and guide me so that it will help me a lot.
Attached stages & steps screenshot FYI.
Thanks,
Sreeni
Pegasystems Inc.
IN
You can add this code in Harness level CSS files, skin CSS file, or in userworkform.
Standard Charted Bank
IN
I have updated py-portal-stages with css for diamond and then its worked.
.stages > .content-item .diamond {
width: 25px;
height: 25px;
background: #bcbcbc;
font-size: 9px;
text-align:center;
/* Rotate */
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
margin: 10px 0 10px 20px;
}
Thanks for your help.