Как установить право налево в RadAutoCompleteBox?

Question

Как установить направление rtl в RadAutoCompleteBox?

<div dir="rtl"> 
    <telerik:RadAutoCompleteBox ID="radAutoBoxUser" runat="server" EnableLoadOnDemand="true" 

           MinFilterLength="3" 
           InputType="Token" AutoPostBack="false"> 
           <WebServiceSettings Method="GetUserList" Path="~/Services/WebService.asmx"></WebServiceSettings> 
           <TokensSettings AllowTokenEditing="True" /> 
          </telerik:RadAutoCompleteBox> 
</div> 

Answer 1

Я сделал несколько исследований по этому вопросу, потому что это довольно интересно. Если вы хотите направление: РТЛ он будет работать только на пустой текст, и Generaly вы должны использовать CSS для этого: CSS Skin File Selectors for RadAutoCompleteBox

В ссылке выше у вас есть элементы, которые существуют внутри RadAutoCompleteBox.

Теперь, если вы хотите, чтобы ваш курсор на правой стороне радиан, то вы должны просто сделать CSS класс со свойством direction: rtl;

Это даст вам возможность добавлять элементы справа налево. Теперь, если вы хотите, чтобы элементы выровнялись до конца прямоугольника, вам нужно использовать свойство css float: right. После этого мы можем без проблем добавлять элементы справа налево.

Полный код:

ASPX:

<Telerik:RadAutoCompleteBox Width="500" runat="server" ID="RadAutoCompleteBox1" CssClass="myClass" InputType="Token" /> 

CSS:

.myClass .racTokenList .racToken { 
    direction: rtl!important; 
    float:right; 
}