Topic: Form validation labels overlapping with labels of elements below

Bird pro asked 6 years ago


Form validation labels don't seem consistent at all with whats on the website. So the validation text ends up over laying the form element below it when you step into the next inputs field. Here's a screenshot: http://prntscr.com/ja78kx There also seems to be some other inconsistencies with whats displayed on the examples on this site compared to what is on my implementation. For example, on this site, the md-form wrapper element has a bottom margin... on mine the margin is applied to the top. It seems like the examples are running a different version of the code. Things just aren't matching up. Also, related to this, I wanted to tweak some of the variables related to these issues but found that you guys have not applied the !default flag to many of the variables... so I can't override them. Why is the !default flag not applied to EVERY variable so end users can over ride them if wanted/needed? Thanks!

Mikołaj Smoleński staff answered 6 years ago


Hi there, Form validation is one of our task for the future releases. Thanks for sharing Your screenshot with us. It will be very helpful while improving that component. Default flag are being added to the latest version of MDB jQuery PRO (4.5.1) and soon it will be provided with MDB React PRO also. Regards

Bird pro commented 6 years ago

Roger that. Can we get the default flag on EVERY variable so that we can override anything? That would be perfect.

Bartłomiej Malanowski staff commented 6 years ago

In MDB jQuery we have added `!default` to the most of our scss variables. Our scss from jQuery version always comes with new features, then they are implemented in other technologies: Vue, Angular and React so answering your question - yes, the `!default` will be added to variables in MDB React

Mykhailov pro commented 6 years ago

Hi! And what date of future release?

Bartłomiej Malanowski staff commented 6 years ago

Next release is planned to be shipped on 21th may


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 React
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags