MDB Select/MultiSelect HTML and different display between li


Topic: MDB Select/MultiSelect HTML and different display between list opened and closed

MatDepInfo asked 5 years ago

Hello, I wish 2 new features for MDB Multiselect:

1) Display HTML code. For example, label is

Value 1 <span class="italic">(10 pts)</span>

and currently html code is displayed, it will be great if it will be interpreted.

2) I want to display a long line for Label when list is opened and short value when list is closed for selected values. For example:

{ value: '1', label_opened: 'United states of america' , label_closed: 'USA' },
{ value: '1', label_opened: 'Republica of United Lingdom' , label_closed: 'UK' },
{ value: '1', label_opened: 'Other very long label for open' , label_closed: 'short' },

Arkadiusz Idzikowski staff answered 5 years ago

We are currently working on a new version of the select component and we want to make it work more like native html select. In the new version it will be easier to add html tags to the options label and to update labels dynamically. For now you would need to to have two separate sets of options, listen to open/close events and switch between the options lists dynamically. But I think it's not the best practice.

https://mdbootstrap.com/docs/angular/forms/select/#update-options

https://mdbootstrap.com/docs/angular/forms/select/#a-outputs


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: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 9.1.0
  • Device: MBP
  • Browser: Safari
  • OS: Catalina
  • Provided sample code: No
  • Provided link: No