Treeview checkbox - checkmark displayed enlarged

2 posts, 0 answers
  1. Serhat
    Serhat avatar
    6 posts
    Member since:
    Mar 2020

    Posted 03 May Link to this post

    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

     

  2. Svetlin
    Admin
    Svetlin avatar
    444 posts

    Posted 05 May Link to this post

    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

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
Back to Top