Topic: MD Form Over lapping with above element

mog5808 pro asked 5 years ago

I am using md-form because i think it is cool. One problem though is some over lapping that happens as attached in the image. 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,

mog5808 pro answered 5 years ago

Hi Marta, Thanks i was able to by pass the issue by removing .md-form Cheers

Marta Wierzbicka staff answered 5 years ago

Hi, send me files with your code to, please. I'll try to help you if I'll see your code. Best, Marta

mog5808 pro answered 5 years ago

Hello Marta, Add the class .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 5 years ago

Hi, what if you do sth like here:
<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>
I mean add margin like this .mb-3. This will solve your problem? 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: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: Yes