Topic: turn off animation for field labels

tiffani pro asked 6 years ago

Is there a way to switch off the animation on the field labels and just have them always appear at the top position?

Marta Wierzbicka staff answered 6 years ago

Hi, I see this, maybe try with placeholder like here:
<div class="md-form">
    <input placeholder="Placeholder" type="text" id="form5" class="form-control">
    <label for="form5">Example label</label>
If it isn't good solution for you, I'll try to find other solution. Best, Marta

tiffani pro answered 6 years ago

that almost works. If I do this and then click on the field then off again, it moves the input back down to the bottom again.

Marta Wierzbicka staff answered 6 years ago

Hi, add class active to md-form like here:
<div class="md-form">
    <input type="text" id="form1" class="form-control">
    <label for="form1" class="active">Example label</label>
Best, Marta

Please insert min. 20 characters.


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


Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No