Unplanned
Last Updated: 11 May 2023 10:00 by ADMIN
Jörg
Created on: 13 Mar 2023 07:12
Category: Kendo UI for Angular
Type: Feature Request
0
TagBox component or similar options for the MultiSelect component

Hi,

I am looking to have a MultiSelect which not allows do add Tags by Typing and still allows the tags to be removed. 

  • The Searchbar should not appear.
  • Typing should not be possible
  • If the delete Button of a Tag is clicked it should be removed

So flagging MultiSelect as disabled or readonly is not an option as removing the tags is not possible anymore. 

My i think legimate scenario is:

  • I don't want to be the users able to assign their own tags.
  • I want the user to be able to remove assigned tags
  • The UI to select a new tag is to complex to have it directly in the searchbar - also if i wanted to integrate it the template options are not suficient so i do it in an extra pop up controlling the selected tags by typescript

https://www.telerik.com/forums/remove-typing-box-from-multiselect-component

An extra option or config scenario to achieve this would be appreciated.

If you look at your competition, there it's possible to do that:

https://js.devexpress.com/Documentation/ApiReference/UI_Components/dxTagBox/

Thanks and Regards

 

 

 

 

 

 

 

2 comments
ADMIN
Yanmario
Posted on: 17 Mar 2023 11:42

Hi Jörg,

I am not sure if you found a proper approach for the requirement, but in general, the developer can also use the Chip component to display the desired chips and control them via another component or custom logic like the overview example:

https://www.telerik.com/kendo-angular-ui/components/buttons/chip/

I am not sure that such options would be introduced to the MultiSelect component and this might be valid for a separate component rather than options. As this is valid I can set the feature request to unplanned and change the title for a TagBox component.

Regards,
Yanmario
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.

Jörg
Posted on: 13 Mar 2023 07:32

Sorry - found the option to keep the Searchbar closed:

(open)="onOpen($event)"

onOpen(event: any): void {
event.preventDefault();
}