turn off animation for field labels

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?

Add comment

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

If it isn't good solution for you, I'll try to find other solution. Best, Marta

Add comment

tiffani pro answered 6 years ago

0 0 Best answer

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.

Add comment

Marta Wierzbicka staff answered 6 years ago

0 0 Best answer

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

Best, Marta

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

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

tiffani

Pro User 10Support score
3Questions 3Answers 0Snippets