Treeview checkbox - checkmark displayed enlarged

[Serhat]

Hi,

 

I have a small issue regarding a treeview checkbox implementation I am working on. By default the checkmarks within the checkboxes seem enlarged and touch the border of the checkbox, which looks a little bit ugly. I am unsure what css property would allow me to change the size of the checkmarks. Does anyone maybe have an idea?

 

For reference see the two screenshots attached:

• Checkboxes enlarged --> how it looks for me
• Checkboxes Demo --> the demo implementation in the telerik documentation

 

Kind regards,

Serhat

 

[Svet]

Hi Serhat,

Thank you for the provided screenshots.

There are two possible reasons for the demonstrated difference in the appearance. One is the usage of an outdated Kendo theme. Please make sure that your project uses the latest Kendo theme 4.17.0:

https://www.telerik.com/kendo-angular-ui/components/styling/theme-default/changelog/

In general we recommend using the latest versions of all Kendo packages in order to ensure that you can benefit from the latest bug fixes and most recent enhancements and features.

Another possible reason for the reported discrepancy is the usage of any custom CSS or third party library that may overwrite or interfere with the default Kendo styles. Thus I would suggest to make sure that there are no custom styles that may affect the checkboxes.

I hope the provided information helps. In case the issue persists could I ask you to provide any additional details that may help us to reproduce the demonstrated appearance so that we can provide some further feedback on this case. Thank you.

Regards,
Svetlin
Progress Telerik