Topic: TimePicker validation message does not push content down

ITOPS free asked 2 years ago


If someone types letters into the time picker field, a validation message appears. A few questions:

  1. 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

  2. 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 2 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 2 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



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: 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