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: Multiselect Dropdown

Sprout Product Design free asked 5 years ago


Hello,

May i ask if the MDBootstrap multiselect React page have a bug? We are doing a project and needed it. We've tried copying the actual code provided in the website but unfortunately we've encountered an issue:

We've copied the multiselect with markup and it doesn't run correctly in our page. In the MDBootstrap website it has a Select All option but in our end the multiselect turns into a Single Select.

This image shows: This image shows:

Instead of this: instead of this

Another question: Can the multiselect handle a limit on when to show the total number of options selected?

Example

For example we selected 3 options and when selecting the 4th option, currently it shows an ellipsis at the end. However, we expect it to show the total number of options selected instead.

Should be like this, depending on the width of the input: Should be like this, depending on the width of the input

I'll be waiting for your reply, we needed to finish our tasks ASAP.

Thank you very much.


Jakub Mandra staff answered 5 years ago


Hi,

1.As mentioned in API section the selectAll property is available only for controlled select option with data stored in array.

2.There is no option to handle a limit of selected items. We will consider it as a feature which could be brought on within future releases.

Best,

Jakub


Sprout Product Design free commented 5 years ago

Hi Jakub,

Thank you for the info and we're hoping that you include such feature within the multiselect.

Best, Elmer



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 React
  • MDB Version: 4.13.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No