Topic: validation . form error messages are overlapping content
When i submit a form with validation enabled the error messages are overlapping the input fields and layout is not organized correctly. see example :
https://mdbootstrap.com/snippets/standard/yiannis_kyriazidis/3756270#html-tab-view
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.
Hi,
You need to add more spacing (either manually or via JS when validation takes place) https://mdbootstrap.com/snippets/standard/d-wajszczuk/3765361.
The best solution would be to write your own validation and adding
is-validandis-invalidclasses to those inputs. But you can also try to write some CSS to overwrite this green label. Here is some example https://mdbootstrap.com/snippets/standard/d-wajszczuk/3765404#css-tab-view.
Keep coding,
Dawid
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: 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