Skip to content

using multiselect inside a div.form-inline #322

@fagundes

Description

@fagundes

When we use the multiselect into a element, for instance a div tag, with css class "form-inline" the dropdown isnt build properly. The radios or checkboxs are rendered too left.

The issue ocurrs because ".form-inline" change checkbox, radio and others inputs tags. So one solution is override it. The code below solved the issue:

.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio{
    padding: 3px 20px 3px 40px;
}
.form-inline .multiselect-container li a label.checkbox input[type="checkbox"],
.form-inline .multiselect-container li a label.radio input[type="radio"]{
    margin-left: -20px;
    margin-right: 0px;
} 

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions