Multiselect down arrow to open options similar to combobox or dropdownlist

Progress® KendoReact Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Unplanned

Last Updated: 13 Sep 2021 10:43 by ADMIN

Pranay

Created on: 25 Aug 2021 15:32

Type: Feature Request

Multiselect down arrow to open options similar to combobox or dropdownlist

Hi,

Please add down arrow to multi-select dropdown similar to combobox or dropdownlist.

3 comments

ADMIN

Stefan

Posted on: 13 Sep 2021 10:43

Hello, Pranay,

The same approach can be implemented in a Form or anywhere the MultiSelect component is used.

Please let me know if there is a specific issue when implementing this in a Form? I made a short version and it was working as expected:

https://stackblitz.com/edit/react-wq5dft?file=app%2Fform-components.jsx

Please have in mind that additional CSS may be needed based on where the component is placed in the real application.

Regards,
Stefan
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Pranay

Posted on: 11 Sep 2021 21:52

Hi Stefan,

How can I implement this in a Form? Could you please give me an example using FormMultiSelect wrapper.

Thank you

ADMIN

Stefan

Posted on: 26 Aug 2021 08:14

Hello, Pranay,

Thank you for the request.

We will monitor the interest for it and plan it accordingly.

Until this is done, this approach to be used to render a custom icon that can be used to open the MultiSelect:

https://stackblitz.com/edit/react-wwhosr-u3nqvy?file=app/main.jsx

The styling is not the same, but it can be used as a possible workaround. Also, as the developer is rendering the button, it has full control to style it and render another icon.

Regards,
Stefan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.