ComboBox text color changed in Javascript required

[David]

Hi,

I'm using the classic AJAX controls (as required by the project upon which I am working - not negotiable).

I have a CheckBox which, when clicked, calls a javascript method setPostalAddressInRed()
In that method, a the text of a RadComboBox needs to be toggled between red and black i.e. if checked, red, if not checked black.
Paraphrasing my code, I have this:

setPostalAddressInRed() {
var isChecked = document.getElementById('AddressInactiveCheckBox').checked;
var postState = document.getElementById('StatesComboBox');

if(isChecked == true) {
postState.style.color = 'red';}
else {
postState.style.color = 'black';
}
}

Unfortunately, that code is not working. It works for TextBoxes, but not RadComboBoxes.

Any help would be appreciated.

Cheers!

[Princy]

 Hello David,

I suppose you are using RadCombox for ASP.NET (classic controls), Please go through the following documetation which shows how to get the client side object in this version.
http://www.telerik.com/help/aspnet/combobox/combo_client_basics.html

The complete documentation will be available here:
RadComboBox for ASP.NET

And if you are using RadControls for ASP.NET AJAX, then you need to use $find() method to get the client side object.
http://www.telerik.com/help/aspnet-ajax/combo_clientsidebasics.html

Thanks,
Princy.

[David]

Hi Princy,

I'm able to get the RadComboBox assigned as a variable in the javascript. But I cannot figure out how to change the text to red. I've previously had a very close look at the documentation/API and there's nothing there that helps.

As far as I can see, the code that I wrote should have done the job.

So unfortunately, I'm still at a loss :(

[Kalina]

Hi David,

In case you use RadComboBox for ASP.NET AJAX please obtain the control client-side object and set the color of the input text in this way:

var combo2 = $find("<%=StatesComboBox2.ClientID %>");
var input = combo2.get_inputDomElement();
input.style.color = "red";

If you use RadComboBox for ASP.NET - you can do the same thing in this manner:

var combo1 =<%= StatesComboBox1.ClientID %>;
var input = document.getElementById("<%= StatesComboBox1.ClientID %>_Input");
input.style.color = "black";

I hope this helps.

Kind regards,
Kalina
the Telerik team

[David]

Hi Kalina,

Thank you so much. The _Input at the end was the bit I could not figure out. It works beatifully now.

Cheers