Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


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

MatDepInfo free asked 4 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 4 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

  • ForumUser: 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