RadCombobox (Input In UpperCase)

[salvio]

How to make accept radcombobox input in Upper Case Letter

[Shinu]

Hello Salvo,

Try the following  code in OnClientKeyPressing event to change the input text to uppercase.

ASPX:

<telerik:RadComboBox ID="RadComboBox1" DropDownControlType="RadComboBox" runat="server"
  OnClientKeyPressing="ChangeToUpperCase" >
</telerik:RadComboBox>

Java Script:

<script type="text/javascript">
    function ChangeToUpperCase(sender, args) {
        var inputElement = sender.get_inputDomElement();
        inputElement.style.textTransform = "uppercase";
        }
</script>

-Shinu.

[salvio]

Thanks for your reply

It's working.....
 but if i typed in radcombo for ex: name it show like NAME in output screen
 but on itemrequested it take as name (lower case)...I need to take as NAME only ....    know means please reply.

[Shinu]

Hello Salvio,

You can try the following method to get the inputted text in Uppercase.

C#:

protected void RadComboBox1_ItemsRequested(object o, RadComboBoxItemsRequestedEventArgs e)
  {
      e.Text.ToUpper(); // converts text into uppercase
  }

-Shinu.

[Alice]

Hi,

I am having the exactly same issue for not able to get the inputted text accept in Uppercase to the RadComboBox control. I have tried the method from Shinu to get the inputted text in Uppercase;however,the RadComboBox control still take as lower case.   The control will take as upper case if I add the 3rd line in the javascrip as shown below.  However, when user uses the Backspace button to erase the input text in the RadComboBox control, it brings to the previous browser page.  Is there any step I missed?  Please help...   Thanks!  :-)

<script type="text/javascript">
    function ChangeToUpperCase(sender, args) {

    {
         var inputElement = sender.get_inputDomElement();

         inputElement.style.textTransform ="uppercase";
         inputElement.value = inputElement.value.toUpperCase();
     }
</script>

 

 

 

 

 

 

 

 

 

 

 

 

[Ivan Zhekov]

Hi, Alice.

Text transform makes the letters appear UPPERCSASE only visually, while .toUpperCase() method makes them uppercase indeed.

The backspace behaviour is normal browser behaviour, as long as you are not in a textbox / input of any kind. The best way to proceed is to file a new support thread and attach in it a sample of your project with the combo in question. Make sure it's a support thread and not a forum thread, as forum threads are limited in terms of attachments.

Greetings,
Ivan Zhekov
the Telerik team