Alternate style for repeating layout rows in PEGA 6.3 version
Hi,
We have a requirement where we need to apply alternate like light and dark colors for the rows of a repeating layout in PEGA 6.3 version.
Some one please help me how to configure this requirement.
Screen shot for reference.
Thanks,
Karan
***Updated by Moderator: Marissa to update categories***
Accepted Solution
Pegasystems Inc.
IN
Hello Karunakar,
Thanks for posting your query in PSC :)
In Pega 6.3, you can achieve the requested alternate row coloring through Grid style set as Spreadsheet.
Refer the Grid example from OOTB(Out of the box) UI Gallery. Pega button >> User Interface >> UI Gallery >> Grid. Below is the screenshot for your quick reference:
In Pega 7.2.2, for OOTB Grid example (Designer Studio >> User Interface >> UI Gallery >> Grid, set the style as 'Default' and Container format as 'Default'. Test it by modifying the grid in the pzUIGalleryBasicGrid rule through private edit. In the custom skin rule, check the option 'Enable row banding options(zebra striping)'(if this is not checked) for a specific format under Trees & Grid component style, save it through private edit. You will see the desired outcome.
Regards,
Rincy
Pegasystems Inc.
US
Hi,
Can you modify the Skin applied on your application rule?
You can select 'Repeat-row' component styles in Skin and change the background color.
Thanks,
Susan
Accepted Solution
Pegasystems Inc.
IN
Hello Karunakar,
Thanks for posting your query in PSC :)
In Pega 6.3, you can achieve the requested alternate row coloring through Grid style set as Spreadsheet.
Refer the Grid example from OOTB(Out of the box) UI Gallery. Pega button >> User Interface >> UI Gallery >> Grid. Below is the screenshot for your quick reference:
In Pega 7.2.2, for OOTB Grid example (Designer Studio >> User Interface >> UI Gallery >> Grid, set the style as 'Default' and Container format as 'Default'. Test it by modifying the grid in the pzUIGalleryBasicGrid rule through private edit. In the custom skin rule, check the option 'Enable row banding options(zebra striping)'(if this is not checked) for a specific format under Trees & Grid component style, save it through private edit. You will see the desired outcome.
Regards,
Rincy