Changing color of selected row

[habeeb]

@(Html.Kendo().Grid<SomeViewModel>()
 .Name("SomeGrid")
 .Columns(columns =>
 {
        columns.Bound(p => p.Id);
 })
 .Events(e => e.DataBound("onDataBound"))
 .Selectable(selectable => selectable.Enabled(true).Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
    .Scrollable()
 .Filterable()
    .DataSource(dataSource => dataSource
 .Ajax()
 .Read(...)
 )
 )

 

 When the row is selected, color changes to orange. How do I modify this behavior to not change to any color at all ?

 

[Ivan Danchev]

Hello Habeeb,

You can apply the following two CSS rules, which will set the background color to the selected row as it is in the Default skin, preventing the row from being colored in orange:

.k-grid .k-state-selected  {
  background-color: #ffffff !important;
  color: #000000;
}

.k-grid .k-alt.k-state-selected {
  background-color: #f1f1f1 !important;
  color: #000000;
}

Regards,
Ivan Danchev
Telerik

 

 

[habeeb]

Thanks Ivan.

 

 

[JoeThomas]

I posted an Angular Kendo Grid question here for background color, maybe you can help

https://stackoverflow.com/questions/67278144/angular-kendo-grid-background-color-of-selected-row

Thanks,

 

[Ivan Danchev]

For questions on the Kendo UI for Angular Grid, open a thread on the Kendo UI for Angular forums: https://www.telerik.com/forums/kendo-angular-ui