Alignment of wide text in RadComboBox

[Jeremy]

Hi

As per this old thread for winforms controls (http://www.telerik.com/community/forums/winforms/combobox/alignment-of-wide-text-in-radcombobox.aspx) I need to left-align the text in a combobox, rather than right-align, after it is selected.

I have this code which works for ie9, but unfortunately I need it to also work for ie7 (o I hate u ie7 so much)

<telerik:RadComboBox ID="RadComboBox1" runat="server"
   Width="150px" DropDownWidth="300px"
   OnClientSelectedIndexChanged="AlignLeftAfterSelectedIndexChange">
</telerik:RadComboBox>

function AlignLeftAfterSelectedIndexChange(sender) {
    var input = sender.get_inputDomElement();
    input.setSelectionRange(0, 0);
}

Is there a more Telerik-friendly way to do it?

Cheers

[Princy]

Hello Jeremy,

You can easily left-align the text in a combobox after it is selected using CSS.
CSS:

<style type="text/css">
.RadComboBox .rcbInputCell .rcbInput
  {
     text-align:left!important;
  }
</style>

Thanks,
Princy.

[Jeremy]

Sorry but that had absolutely no effect in ie7 or ie9. I can see that the style is applied by using the ie developer tools - but no difference in display.

[Ivana]

Hello Jeremy,

If you are trying to move the caret position at the beginning of the input in IE, you could refer to the following help article: Set caret position at the beginning of the input in IE, when the text of the selected item is too long.

I hope this helps.

All the best,
Ivana
the Telerik team

[Jeremy]

Awesome! That works perfectly thanks!