Row color based on condition
I am looking to implement a color coding functionality in Listview, so that when the row format expression returns true each row will display different set of color based on the condition. I created the below css:
tr.listviewRowRed{
background-color:#FF0000 !important;
color:#FF0000;
}
and added to the row format apply style. Even though the expression is getting evalueted as true the row colors are still coming as default. Is it easier to implement in Repeat grid.
***Updated by Moderator: Marissa to update topic categories***
Blue Rose Technologies GmbH
DE
Zebra styling for odd and even rows is very simple to achieve in Repeating Grid Layout. This can be configured in the Skin ruleform for the particular Grid format.
Conditional coloring of rows can also be achieved. Please let me know the exact usecase.
EY
US
Thanks for you quick response. Based on few count I need to color the Rows in each row. For example when object count > 3 , whenever this condition is true the row should be color in RED and when object count <2 row should be yello and when object count =1 row should be blue else white. Is it possible to build expression for each of them and apply it in row format. what is the best way to capture this user story. Appreciate your help and thanks in advance.
Blue Rose Technologies GmbH
DE
This can be achieved by evaluating a when condition as and when the grid row is generated.
For this we have to generate inline style using pega JSP tags. PFB
As per above screenshot, if the when condition evaluates to true then the font color of that particular row will be red.