53d98b4850c9e3e27af641cfd8be823c
2021.25
mendix.com
53d98b4850c9e3e27af641cfd8be823c
I noticed that checkbox items are adding in extra “col-sm-9 col-sm-offset-3” classes: <div class="col-sm-9 col-sm-offset-3 checkbox"><label class="control-label"></label></div> Is there a way to remove these? I would like to have a custom label and these extra classes are throwing the alignment off...
Checkbox adding extra classes
-----------------------------


mendix.com
2021.25
I was able to select “No” on show label and add in a separate label however I am wondering if there is a way to still show the label by default without the extra classes.



I created these helper classes to remove the extra default label spacing:


.checkbox-nospacing { // No label spacing on checkbox


    .col-sm-9 { 


        margin: 0px; 


        width: auto;


        max-width: 100%;


        flex: auto;


    }


}    

 


and another one for radio selectors:


 


.radiobox-nospacing { // Removes default spacing on radio horizontal radio boxes


    .col-sm-3 {


        text-align: left;


        max-width: unset;


        display: inline-block;


        flex: none;


        width: auto;


    }


}


