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!

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Change "x options selected" text in select component with multiselect activated

marleen.kaiser@amotiq.de priority asked 9 months ago

Hello mdb team,

is there any way to change the "x options selected" text in a select component with multiselect set to true? Currently the text is shown in english and we have to display/translate our application in different languages.

Select-Component Documentation

Expected behavior Being able to customise the default "x options selected" text when all available dropdown options have been selected.

Actual behavior Default text "X options selected" is shown

Resources (screenshots, code snippets etc.) enter image description here

Rafał Seifert free answered 9 months ago

You can use optionsSelectedLabel input to set this value. We have to update our docs API section for this. Let me know if that helps you. Example:

<mdb-select [multiple]="true" optionsSelectedLabel="ausgewählte Artikel">

marleen.kaiser@amotiq.de priority commented 9 months ago

Hi, the suggested solution works perfectly! Thank you so much
Write
Create snippet
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: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 2.0.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes
Tags
multiselect select mdb-select
About author
marleen.kaiser@amotiq.de
0Support score
2Questions 0Answers 0Snippets