Striped rows in RT 6 or RT 5

1

Hi,

In RT 4.x series we have striped rows in tables in the UI, I am trying to implement the same look in RT6 (or RT5), without success.

I have read that it is possible to do this using Bootstrap 5.3.1 (it has the variable --bs-table-striped-bg and the table.striped class that could do that), but it seems that RT does not implements tables directly.

Any tips in how I could do that ? I know how to build a custom style sheet in RT and change some colors in the interface, but not much beyond that (I am not a frontend / css developer).

Thank you

2

For RT6, in Admin → Tools → Theme, add this to the Custom CSS box:

[data-bs-theme="light"] {
    tr.list-item:nth-child(even) td {background-color: rgb(250,250,250);}
}
[data-bs-theme="dark"] {
    tr.list-item:nth-child(even) td {background-color: rgb(25, 25, 25);}
}

Of course, you can adjust the rgb values to your liking. Two different ones depending on if you’re using light or dark mode.

I don’t know if this is the best way to do it, but it works for me.