Topic: Asterisk for mdb-select label
zoloterra free asked 5 years ago
Hello,
I would like to add a red color asterisk to the mdb-select control label.
The documentation (https://mdbootstrap.com/docs/angular/forms/select/) for the select control suggests to set the label as an attribute to mdb-select component, like this:
<mdb-select [options]="optionsSelect" label="Example label"></mdb-select>
And the label attribute can be set as a clear text only, html is disallowed.
If to make this label as a separate html tag, then it will not be animated in material style — it will be just a static value.
So, the question is: how to allow the html in the label attribute or to make a separate label to behave as a part of the select control in material animation style?
(Besides the asterisk itself of the other color, I would like to have a kind of tooltip attached to the asterisk, so just using the ::after pseudo class may not help)
Arkadiusz Idzikowski staff answered 5 years ago
Hello,
Some time ago we decided to use label generated with input in mdb-select and drop support for the one generated with html. However, html label can be useful in cases similar to yours.
We will take a closer look at the problems with animation.
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 Angular
- MDB Version: 7.5.0
- Device: Any
- Browser: Any
- OS: Any
- Provided sample code: Yes
- Provided link: Yes