Filter Multi Checkboxes with bootstrap.css v3

3 posts, 1 answers
  1. Peter
    Peter avatar
    33 posts
    Member since:
    Mar 2019

    Posted 26 Jan Link to this post

    Hi,

    in my website I need the bootstrap.min.css, v3.3.6.

    Now I want use the Filter Multi Checkboxes, but the formatting between checkboxes and text is not correct with:


    see dojo: https://dojo.telerik.com/eVaqEkOV and click on a filter symbol.

    Is there a solution to add bootstrap.css v3 and get correct formattion of the text of the Filter Multi Checkboxes?

    Best regards,

    Peter

     

  2. Peter
    Peter avatar
    33 posts
    Member since:
    Mar 2019

    Posted 26 Jan in reply to Peter Link to this post

    The dojo saved a incorrect link /3.4/

    see https://dojo.telerik.com/eVaqEkOV/2

  3. Answer
    Preslav
    Admin
    Preslav avatar
    591 posts

    Posted 28 Jan Link to this post

    Hello Peter,

    A possible solution is to override the Bootstrap styles. The CSS could look like:

            .k-multicheck-wrap .k-label {
              margin: 0;
            }
            
            .k-multicheck-wrap input[type=checkbox] {
              margin: 3px 3px 3px 4px;
            }

    The modified Dojo is available here: https://dojo.telerik.com/eVaqEkOV/5

    I hope this helps.

     

    Regards,
    Preslav
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Back to Top