This is a migrated thread and some comments may be shown as answers.

Filter Multi Checkboxes with bootstrap.css v3

2 Answers 650 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Peter
Top achievements
Rank 2
Iron
Veteran
Iron
Peter asked on 26 Jan 2021, 11:53 AM

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 Answers, 1 is accepted

Sort by
0
Peter
Top achievements
Rank 2
Iron
Veteran
Iron
answered on 26 Jan 2021, 12:22 PM

The dojo saved a incorrect link /3.4/

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

0
Accepted
Preslav
Telerik team
answered on 28 Jan 2021, 10:01 AM

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/.

Tags
Grid
Asked by
Peter
Top achievements
Rank 2
Iron
Veteran
Iron
Answers by
Peter
Top achievements
Rank 2
Iron
Veteran
Iron
Preslav
Telerik team
Share this question
or