View Full Version : Alternate colors with RowEditor

18 Apr 2011, 5:31 AM

recently I tried to combine alternating row colors in a grid with a row editor and stumbled across a problem. I used

grid.setStripeRows( true );
to turn the feature on and with

.x-grid3-row-alt {
background-color: #F9F9F9;

in my css I could set the color. I even used this

.x-grid3-row-alt.x-grid3-row-selected {
background-color: #F9F9F9 !important;

to prevent selected/highlighted rows to surpress the alternate color.

But when I want to edit a row, there seems to be a wrapper element to wrap all input elements in the edited row. I can adjust the style of the element via

.x-row-editor-body {
background-color: {color};

Setting the background-color to white leads to an overlap of color in each row with an alternate color - which does not look nice.
Setting the background-color to transparent leads to a "bleed-through" of the underlying input elements - which is even worse. It looks worst when I use checkboxes, which are always not at the same position as the underlying checkbox elements.
Since the edited row is not attached with the alternate color class (".x-grid3-row-alt") of the corresponding row under it, there is no chance to fix this via CSS.

Any suggestions to solve this? Thanx in advance.