Angular Text Input, error label

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Angular Text Input, error label

Bldg25 pro asked 7 years ago

The input error / success / helper text as implemented is problematic. This helper text is attached to the label such that it animates when the label animates. This basically removes the ability to place a "required" message or "helper" message when the text field is empty, which in turn requires that I either don't use the label success/error at all or I forego placing a required error in this field.

Edyta Dabrowska answered 7 years ago

Yes, we will think about adding such condition in the future.

Edyta Dabrowska answered 7 years ago

Label and helper texts are not attached. But yes, they both change when something is being typed in into an input field. Do I understand you correctly, that you want to condition the input to show 'wrong' when it is not filled in? If so, you are right and you need to remove mdbInputValidate directive and write conditions by yourself. We will think about adding such condition in the future.

Bldg25 pro commented 7 years ago

I had to write a custom comp.

Bldg25 pro commented 7 years ago

The helper text is attached in that you use :after to create the label content. It animates along with the label.

Bldg25 pro commented 7 years ago

Do you anticipate updating this component in the future to properly support helper text?
Write
Create snippet
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
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Bldg25
Pro User
15Support score
12Questions 2Answers
0Snippets likes 0Snippets