PDA

View Full Version : Alternate colors with RowEditor



altmayer
18 Apr 2011, 5:31 AM
Hello,

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.