CheckBoxGroup inside Kendo Form

1 Answer 199 Views
Form
Corian
Top achievements
Rank 1
Corian asked on 05 Feb 2022, 07:15 PM
How can I change the selected checkbox to be highlighted in yellow when I checkbox is clicked inside the checkboxgroup? thanks. 

1 Answer, 1 is accepted

Sort by
0
Alexander
Telerik team
answered on 09 Feb 2022, 05:33 PM

Hi Corian, 

Thank you for the provided information.

You can change the checkboxes' color by utilizing the following CSS rule for the common classes that are generated by Kendo. For example:

<style>
    .k-checkbox:checked {
     border-color:yellow; //configures the color of the checkboxes
     background-color: yellow; //configures the background color of the checkboxes
     color: white; 
     box-shadow: 0 0 0 2px rgba(255,99,88,0.3); //configures the box shadow
    }
</style>

In addition, here is a Telerik REPL example that illustrates the mentioned above.

I hope you find this helpful.

Regards,
Alexander
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.

Tags
Form
Asked by
Corian
Top achievements
Rank 1
Answers by
Alexander
Telerik team
Share this question
or