Multiselect as email input

1 Answer 267 Views
MultiSelect
Andrés
Top achievements
Rank 1
Andrés asked on 02 Feb 2022, 11:27 PM

Hi!

I'm trying to create an email input control. Something similar to how gmail works, where you can type and get autocompletion and where the email is converted to a "chip" that have an "x" on the right for removing. The multiselect already looks very close to what I need to achieve, but I need to be able to enter freeform convert to chip on enter or after a comma is added.

I realize that the multiselect is not designed that way, and freeform text is not really compatible with multiselect.

So the question I have is... Is there a way to use some of the building blocks of the multiselect to achieve a similar result?

I need to create a custom control to convert a freeform "John Doe <jd@example.com>" To a chip that just displays the name.

Again, I understand I will need to write the bulk of the logic to support this behavior, but I don't see a "chip" control like the angular counterpart has. Maybe I'm missing something.

Cheers

 

1 Answer, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 07 Feb 2022, 11:51 AM

Hello, Andrés,

The jQuery suite does not have a Chip widget. The only way I could think of is to extend the MultiSelect widget to accommodate your needs.

Let me know if you have any further questions.

Regards,
Martin
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/.

Tags
MultiSelect
Asked by
Andrés
Top achievements
Rank 1
Answers by
Martin
Telerik team
Share this question
or