Topic: Asterisk for mdb-select label

zoloterra free asked 4 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 4 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.



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 Angular
  • MDB Version: 7.5.0
  • Device: Any
  • Browser: Any
  • OS: Any
  • Provided sample code: Yes
  • Provided link: Yes