Topic: MD Form Over lapping with above element
mog5808 pro asked 7 years ago
md-form
because i think it is cool.
One problem though is some over lapping that happens as attached in the image.
https://postimg.org/image/awkdge0d3/
How can i give some margin
without having the form flicker when an error shows.
Please note that i can not use data-success
and data-error
on the label
as i am implementing mdbootstrap using angular 2
Cheers,
Marta Wierzbicka staff answered 6 years ago
mog5808 pro answered 6 years ago
.mb-3
or any other of ther .mb
classes fixes the margin issue but not the flicker. As when an error shows now the whole form moves as the error takes space up.
Cheers
Marta Wierzbicka staff answered 6 years ago
<div class="md-form">
<i class="fa fa-envelope prefix"></i>
<input type="email" id="form9" class="form-control validate mb-3">
<label for="form9" data-error="wrong" data-success="right">Type your email</label>
</div>
I mean add margin like this .mb-3
. This will solve your problem?
Best,
Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: Yes