How to make autocomplete align suggestions to the right?

1 Answer 23 Views
AutoComplete
iCognition
Top achievements
Rank 1
iCognition asked on 13 Aug 2021, 12:29 AM

I have an autocomplete that users may type in long queries into - the problem is that when they type in long queries the ends of the suggestions are cut of with an ellipsis

We want to keep it a single line, but we want the ellipsis to be on the left of the suggestion so the user can see the end of the autocomplete suggestion instead

See attached

Does anyone know of an easy way to do this? I've tried applying text-align:right and various right based attributes to the autocomplete structure but so far it hasn't worked...

1 Answer, 1 is accepted

Sort by
0
Patrick | Technical Support Engineer, Senior
Telerik team
answered on 17 Aug 2021, 05:33 PM

Hi iCognition,

One way in which the Kendo UI AutoComplete can have the ellipsis on the left is to set the component to utilize RTL support.  This is due to text-overflow controlling where the ellipsis will display.  Please take a look at the following Progress Kendo UI Dojo which demonstrates the Kendo UI AutoComplete with a long worded value selected.

Regards,
Patrick
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
AutoComplete
Asked by
iCognition
Top achievements
Rank 1
Answers by
Patrick | Technical Support Engineer, Senior
Telerik team
Share this question
or