Stop Rows from Highlighting on Selection

[Juls]

*Hello,

I am attempting to my grids rows from highlighting when selected. *I have followed the idea of over-riding the css for the grid class but this does not seem to work. *Any ideas here ... perhaps a better way?

*<style type="text/css">
** * * *#TimeCardGrid.x-grid-row-selected
** * * *{
** * * *}
** * * *#TimeCardGrid.x-grid-cell-selected
** * * *{
** * * *}

[Vladimir]

*Hi,

What about*DisableSelection="true" for GridPanel

[Juls]

*Thanks vlad ill try that. *I also got the intended behavior doing this:

*<style type="text/css">
** * **
** *	#TimeCardGrid .x-grid3-row-selected
** *	{
** *		background-color: White !important;
** * * *}
** * * #TimeCardGrid .x-grid3-row-alt*
** * * *{
** * * * * *background-color:#FAFAFA !important;
** * * *}
** * * *.over-limit
** * * *{
** * * * * *background-color:LavenderBlush !important;
** * * *}
** * * *.under-limit
** * * *{
** * * *}
** *</style>

Use firefox to look at the CSS

[Juls]

*In this case, I need selction on because there is a deleted selected lines function. *In this situation i think over-riding the css is the best case.

[Juls]

*The following is even better because the it over-rides the border too.

*<style type="text/css">


** *	#TimeCardGrid .x-grid3-row-selected
** *	{
** *		background-color: White !important;
** *		border-color:#FFFFFF #EDEDED #EDEDED;
** * * * * *border-style:solid;
** * * * * *border-width:1px;
** * * * * *cursor:default;
** * * *}
** * * *#TimeCardGrid .x-grid3-row-alt*
** * * *{
** * * * * *background-color:#FAFAFA !important;
** * * * * *border-color:#FFFFFF #EDEDED #EDEDED;
** * * * * *border-style:solid;
** * * * * *border-width:1px;
** * * * * *cursor:default;
** * * *}


** * * *.over-limit
** * * *{
** * * * * *background-color:LavenderBlush !important;
** * * *}
** * * *.under-limit
** * * *{
** * * *}
** *</style>