lcollong
FabriKant d'applications web
Hi,
The "use as row class" option is a great tool to style list based on a cell value (status). But is case of joined list together with the "merge rows" option, the rendered result uses ul/li structure inside the <td> cell and the <tr> corresponding row class shows a mix of class. ie "statusopen---statusclosed---statuspending" corresponding to the displayed status <ul><li>Open</li><li>Closed</li><li>Pending</li></ul>
Is there a css "trick" to convert these mixed class to address the corresponding <li> with the right style ?
currently I have this css:
.statusopen {color: green;}
.statusclosed {color: red;}
But of course, it works only in case the master row has only one joined row.
Should I use another approach such as the Jlayouts ?
The "use as row class" option is a great tool to style list based on a cell value (status). But is case of joined list together with the "merge rows" option, the rendered result uses ul/li structure inside the <td> cell and the <tr> corresponding row class shows a mix of class. ie "statusopen---statusclosed---statuspending" corresponding to the displayed status <ul><li>Open</li><li>Closed</li><li>Pending</li></ul>
Is there a css "trick" to convert these mixed class to address the corresponding <li> with the right style ?
currently I have this css:
.statusopen {color: green;}
.statusclosed {color: red;}
But of course, it works only in case the master row has only one joined row.
Should I use another approach such as the Jlayouts ?