How to change row color in repeat grid table layout

Hi All,

I have to change the color (highlight) of a row in repeat grid / table layout after editing the row. This is to identify all the modified rows before hitting the Save to DB button.

How can we achieve this. Please help.

Pega version : Pega 7.3.1

@Sahul

Check which style you are using in you table layout properties.

Then you can open your application skin rule to find that under “Trees and tables” layouts in the “Component styles” section. There look for your style and update that.

To change color on click you / on focus you need to navigate to the Behaviors tab

@Tanay Kumar Bal

Thank you so much for your time for replying. This is helpful information.

I have one small doubt.

Right now we are using inline style (which is not recomended giving guardrail warning) on the table grid row. we have to change the row colour conditionally (if row is edited). How can we conditionally apply style using Skin?

Below is the snippet we used using the Pega JSP tags

<pega:when name="when cond name">

background-color: yellow

</Pega:when>

@Sahul

I would recommend using RDL instead of grid. You must have an indicator which has to be set to true if a row is edited. Use that to conditionally show different layouts with different background colors (use containers to define bgcolor)

@Tanay Kumar Bal

Thanks again this is helpful