Need to change color of one column's value depending on the other column

Question

Hi,
i have a search form which displays two column values
First column value's colour should be based on second column's value
For example, if second column has values 'Active', 'Inactive' and 'Pending'
If 'Active' , the first column value's color sholud be 'red'
If 'inacitve, another color ....
Thanks in advance,

Answer 1

Hi!
What we did was we added a column on the VO that returns kind of a css part (for example if a column value is 'Active' the value of this column should be "background-color:rgb(255,0,0);")
Than you use something like this on your column:
inlineStyle="#{row.StatusStyle}"where StatusStyle is the name of the column with "background-color:rgb(255,0,0);" value.
The problem here can be that the background color doesn't cover the whole column but only the text in it (so if it is null, the color is default).
If you want the whole column to be of this color you use something like this:
                                    <af:column ...>
                                      <afh:tableLayout ...>
                                        <afh:rowLayout ...>
                                          <afh:cellFormat inlineStyle="#{row.StatusStyle}" ...>
                                            <af:outputText ...>
                                            </af:outputText>
                                          </afh:cellFormat>
                                        </afh:rowLayout>
                                      </afh:tableLayout>
                                    </af:column>Basically you put another table layout inside a column instead just a outputText (or whatever control you use)
Hope this is understandable and it helps :)
It works for us.
BB