[CLOSED] Changing the alternate row color for grid

[RCM]

Please we would like to change the alternate row color of the grid in our application. How can this change be accomplish from a single point.

Regards

[Baidaly]

Hello!

Please, look at following thread: http://forums.ext.net/showthread.php...rid-panel-rows

[RCM]

I would prefer the CSS method. but when I tried the sample. it did not affect the grid at all. I also noticed that the name of the css is .x-grid-row-alt instead of the .x-grid3-row-alt used in the example. However, when I changed it to the .x-grid-row-alt css it still did not make any change to my grid view.


I do not know if there have been changes to your build since the example was written, Please can you provide me the correct css and sample that works with ur latest build.


Regards

[Daniil]

There are the links for Ext.NET v1 (notice the "example1" in the links).

Here is the link for Ext.NET v2.
https://examples2.ext.net/#/GridPane...ous/Custom_UI/

[RCM]

Even in the sample provided the alternate row color setting does not work. other settings like the hover and selected row works. The color set for the alternate row is the same as the default grid alternate row color. Please can you investigate and tell me how this can be fixed.

[Baidaly]

@RCM, try following CSS:

<style>          
	.x-grid-row-alt .x-grid-cell, .x-grid-row-alt .x-grid-rowwrap-div {
		background-color: #000;
	}
	
	.x-grid-row-over .x-grid-cell, .x-grid-row-over .x-grid-rowwrap-div {
		background: #FFF;
	}
</style>

[Daniil]

I corrected the styles in SVN and in the online sample (a cache should be expired in a hour).

This video demonstrates a technique how to override styles.
CSS Change TabPanel Header Color - Ext.NET on Vimeo