Control for mixed Text and Auto Complete Tokens?

[Adam]

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

[Lance | Senior Manager Technical Support]

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