How to customize the background color of selected of a Kendo UI Grid row

Thomas.Benz

I am a Kendo UI newbie. In my Asp.Net MVC application I use Kendo UI Grid widget and and configure that Grid so user can select a Grid row like:

$("#gridSurvey").kendoGrid({
                dataSource: {
                    type: "json",
                    transport: {
                        read: {
                            url: "/MyController/GetItemList",  

                            ...
                selectable: "row",
                change: function(e)
                {
                    var entityGrid = $("#gridItems").data("kendoGrid");
                    _selectedItem = entityGrid.dataItem(entityGrid.select());

                },
                ...

By default, when user clicks on a row, the selected row of the selected Grid row is high-lighted with some built-in color. How can I customize/change that background color of that selected row to transparent or some other color? I prefer transparent background color. Please help. Thank you in advance.

CSharper
.k-grid .k-state-selected { background: blue; }

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

How to customize angular ui-grid row background color?

From Dev

Kendo UI Grid highlight selected row

From Dev

How get row state (selected or not) in kendo grid

From Dev

How to change row color in Kendo UI Grid based on hidden column ID?

From Dev

In asp.net MVC Telerik grid, How to change background color of selected row

From Dev

In asp.net MVC Telerik grid, How to change background color of selected row

From Dev

Kendo Grid scroll to selected row

From Dev

how to change background color of kendo grids row using the row index

From Dev

how to change background color of kendo grids row using the row index

From Dev

Custom color of selected row in angular-ui-grid

From Dev

How can I access the model for the selected item in a Kendo UI Grid

From Dev

How to change the background of a cell dynamically in a Kendo MVC UI Grid?

From Dev

how to check and change color of cell value in kendo ui grid

From Dev

How to conditionally apply style to a Kendo UI grid 'row'?

From Dev

How to copy paste an entire row with in the same grid in Kendo UI Jquery

From Dev

How to conditionally format a Kendo UI Grid row containted inside a tabstrip?

From Dev

How to use a template when adding a new row to kendo ui grid?

From Dev

(ag-Grid)How to put the background color to multiple selected rows

From Dev

datatables selected row background color

From Dev

datatables selected row background color

From Dev

Kendo Grid Is there an event for when a row changes (not selected)?

From Dev

Kendo Grid Is there an event for when a row changes (not selected)?

From Dev

How to customize Kendo UI grid delete confirmation dialog using ASP.NET MVC wrappers?

From Dev

kendo ui grid background change event

From Dev

kendo ui grid background change event

From Dev

kendo ui Editable color input field on grid

From Dev

In Kendo UI MVC Grid how do i add a Kendo Upload to each row?

From Dev

Kendo UI Grid - Show row number

From Dev

Kendo UI Grid Get Row Values

Related Related

  1. 1

    How to customize angular ui-grid row background color?

  2. 2

    Kendo UI Grid highlight selected row

  3. 3

    How get row state (selected or not) in kendo grid

  4. 4

    How to change row color in Kendo UI Grid based on hidden column ID?

  5. 5

    In asp.net MVC Telerik grid, How to change background color of selected row

  6. 6

    In asp.net MVC Telerik grid, How to change background color of selected row

  7. 7

    Kendo Grid scroll to selected row

  8. 8

    how to change background color of kendo grids row using the row index

  9. 9

    how to change background color of kendo grids row using the row index

  10. 10

    Custom color of selected row in angular-ui-grid

  11. 11

    How can I access the model for the selected item in a Kendo UI Grid

  12. 12

    How to change the background of a cell dynamically in a Kendo MVC UI Grid?

  13. 13

    how to check and change color of cell value in kendo ui grid

  14. 14

    How to conditionally apply style to a Kendo UI grid 'row'?

  15. 15

    How to copy paste an entire row with in the same grid in Kendo UI Jquery

  16. 16

    How to conditionally format a Kendo UI Grid row containted inside a tabstrip?

  17. 17

    How to use a template when adding a new row to kendo ui grid?

  18. 18

    (ag-Grid)How to put the background color to multiple selected rows

  19. 19

    datatables selected row background color

  20. 20

    datatables selected row background color

  21. 21

    Kendo Grid Is there an event for when a row changes (not selected)?

  22. 22

    Kendo Grid Is there an event for when a row changes (not selected)?

  23. 23

    How to customize Kendo UI grid delete confirmation dialog using ASP.NET MVC wrappers?

  24. 24

    kendo ui grid background change event

  25. 25

    kendo ui grid background change event

  26. 26

    kendo ui Editable color input field on grid

  27. 27

    In Kendo UI MVC Grid how do i add a Kendo Upload to each row?

  28. 28

    Kendo UI Grid - Show row number

  29. 29

    Kendo UI Grid Get Row Values

HotTag

Archive