Topic: TimePicker validation message does not push content down
ITOPS free asked 3 years ago
If someone types letters into the time picker field, a validation message appears. A few questions:
Is it possible to have that validation message push the content below it down? In the code snippet provided, the error message overlaps the label below it. We would rather not have to space out the form elements more just to leave room for this message if possible
Is it possible to turn off this validation if we wanted to?
Resources (screenshots, code snippets etc.) https://mdbootstrap.com/snippets/standard/itops/3068736
Michał Duszak staff answered 3 years ago
2) It's also available thanks to enableValidation
option.
<div class="form-outline timepicker" data-mdb-enable-validation="false">
<input type="text" class="form-control" id="start-time-input" />
</div>
https://mdbootstrap.com/snippets/standard/m-duszak/3071549#html-tab-view
Michał Duszak staff answered 3 years ago
1) It is. Add some margin-bottom for .is-invalid
class of Time Picker.https://mdbootstrap.com/snippets/standard/m-duszak/3071022#css-tab-view
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB Standard
- MDB Version: MDB5 3.5.1
- Device: Desktop
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes