1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: I need an example how to display error message

mmielko pro asked 7 years ago

I would like to use your react Input component. I am wondering how to display validation error message. I was using error attribute but the error message has been splited into two lines or more depends on the length of the label and this is a bug in my opinion. Could you send me some short sample, please don't send me a link just include some part of code which I can use it.

Anna Morawska staff answered 7 years ago

Yes, you are right, it should be fixed already. I will report it to our design team and make sure that it will be added to TODO list. Thank you for bringing it to our attention. Best, Ania

mmielko pro answered 7 years ago

I reported this bug for your team via mail in 2016. I suggested to use this styling rules which you advised. I received message from Bartłomiej Malanowski, details below: "Thanks for noticing. We'll try to find a better solution ". Does it mean that you have never found the better solution? Are you going to fix this error in the next realese or just leave it and waiting for ...?

Anna Morawska staff answered 7 years ago

Hi mmielko, to fix problem with error message splited into several lines, please try to add to your css stylesheet additional rule as shown below: 
.md-form label{
  width: 100%;
}
Best, Ania

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Closed

Specification of the issue
  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.7.1
  • Device: Desktop
  • Browser: All
  • OS: Windows
  • Provided sample code: No
  • Provided link: No
Tags
validation
About author
mmielko
Pro User 30Support score
4Questions 1Answers 0Snippets