Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Checkbox issue on multiple lines

Extarys pro asked 7 years ago


  Checking a checkbox when the label is on multiple lines make it go at the bottom of the label. https://screenshots.firefox.com/U5O6QgOd9y0JVLkn/localhost
<div class="form-group">
 <input type="checkbox" class="filled-in" id="tt" name="nutritionCategory" value="value">
 <label for="tt">{{TE.en}}</label>
</div>

Mirosław Stasiak free answered 7 years ago


Hi,
Adds these style to your custom css file:

[type=checkbox][class*=filled-in]:checked+label:after {
  top: 0;
}

Regards,



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
Tags