Topic: validation . form error messages are overlapping content

Yiannis Kyriazidis free asked 2 years ago

When i submit a form with validation enabled the error messages are overlapping the input fields and layout is not organized correctly. see example :

Question 2 : How can i make it so only the error messages are highlighted and non -validated fields are not shown in green . In example I only want the 2 error fields to hight biy avoid showing the green coloring on the non validated field.

Dawid Wajszczuk staff answered 2 years ago


  1. You need to add more spacing (either manually or via JS when validation takes place)

  2. The best solution would be to write your own validation and adding is-valid and is-invalid classes to those inputs. But you can also try to write some CSS to overwrite this green label. Here is some example

Keep coding,

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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.2
  • Device: windows desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: Yes