How to change hover color of table in MultiColumnComboBox list

[Baxing]

Hello Support,

I want to custom color of hover in row of list in MultiColumnComboBox. How can I do it?

 

Thanks.

[Neli]

Hello Baxing,

You could use the 'k-item' class and change the style when it is hovered as in the example below:

<style>
      #products-list .k-item:hover {
             background-color: green !important;
      }
    </style>

This is demonstrated in the Dojo example linked here.

I hope this helps.

Regards,
Neli
Progress Telerik

[Baxing]

Hello Neli,

Thank you very much for your advice.
And I bothered to ask more questions. In the case that I want to change text color and background color of the selected item as in the attach image that has been circled What should I do?

 

 

Thanks

[Neli]

Hi Baxing,

You could use the 'k-state-selected' class in order to customize the colors of the selected item. Below is an example:

 #products-list .k-state-selected {
        color: red;
 }

Here is the modified Dojo example.

Let me know in case you have additional questions on the matter.

Regards,
Neli
Progress Telerik

[Baxing]

Hello Neli,

 

Thank you very much.