This is a migrated thread and some comments may be shown as answers.

Control for mixed Text and Auto Complete Tokens?

1 Answer 8 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Adam
Top achievements
Rank 1
Adam asked on 04 Oct 2020, 04:28 PM

Hello all,

I could really use some help identifying an approach/control on this problem. I'm trying to implement something like is seen in Facebook or Instagram where one can type a friend/contact name, a list of suggestions appears, and then the user can select one to insert, that selection is added and appears differently than the other text. This doesn't seem like a huge ask but I cannot find anything close to it other than some completely custom solution.

Desired text example: Here is your Suggestion that was Selected.

I would be glad to hear any suggestions. Controls to start with to add the functionality to. Keywords that I may not be aware of that are used for the functionality I'm describing. Anything would be helpful.

Thanks!
Adam.g

1 Answer, 1 is accepted

Sort by
0
Lance | Manager Technical Support
Telerik team
answered on 05 Oct 2020, 03:34 PM

Hi Adam,

We do not have a control that can do this out-of-the-box. We do have a new RichTextEditor that is currently in beta, but it doesn't have inline AutoCompleteView capability that can pull from a predefined list (like Twitter/Facebook/Instagram @mentions).

I suppose you could start with the RichTextEditor and listen for all character changes. If the @ symbol is the new character, and there was an empty space before the @, then open a custom popup with RadPopup that contains a RadAutoCompleteView or RadComboBox.

Note that will not embed the feature into the RichTextEditor, it would be a separate popup. so the approach will require some customization and experimentation for it to be seamless user experience (i.e. tap to dismiss? etc).

 

I recommend opening a UI for Xamarin Feature Request for the @mention capability, that sounds a like a great feature to add to the RadRichTextEditor.

Regards,
Lance | Manager Technical Support
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
General Discussions
Asked by
Adam
Top achievements
Rank 1
Answers by
Lance | Manager Technical Support
Telerik team
Share this question
or