How to change hover color of table in MultiColumnComboBox list

4 Answers 19 Views
MultiColumnComboBox
Baxing
Top achievements
Rank 1
Iron
Iron
Iron
Baxing asked on 23 Jul 2021, 02:42 AM

Hello Support,

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

 

Thanks.

4 Answers, 1 is accepted

Sort by
0
Neli
Telerik team
answered on 27 Jul 2021, 10:18 AM

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

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

0
Baxing
Top achievements
Rank 1
Iron
Iron
Iron
answered on 28 Jul 2021, 02:39 AM | edited on 29 Jul 2021, 06:20 AM

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

0
Neli
Telerik team
answered on 30 Jul 2021, 09:44 AM

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

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

0
Baxing
Top achievements
Rank 1
Iron
Iron
Iron
answered on 30 Jul 2021, 03:52 PM

Hello Neli,

 

Thank you very much.

Tags
MultiColumnComboBox
Asked by
Baxing
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Neli
Telerik team
Baxing
Top achievements
Rank 1
Iron
Iron
Iron
Share this question
or