Eye Candy

[Philip Senechal]

Trying to add a bit of visual eye candy to my RadComboBox...

I am pre-populating a RadComboBox with values from a database. While doing this, I'm adding an item at the top called "Select an Analyst" which gets used if the value is null. I'm adding this item in italics...kind of how it looks when use EmptyMessage. What I would like to do though, is if someone selects an item in the RadComboBox that is not "Select an Analyst", the font changes back to normal.

I'm assuming I would have to do this with client side javascript, but I can't seem to figure out client side how to change the font property of the RadComboBox. I'm using the OnClientSelectedIndexChanged event. Can I change the font style based on the eventArgs client side?

Thanks for the help!

[Kalina]

Hello Philip Senechal,

You can change the style properties of the text at RadComboBox input handling the  OnClientSelectedIndexChanged event like this:

function OnClientSelectedIndexChangedHandler(sender, eventArgs) {
    var input = sender.get_inputDomElement();

    if (sender.get_selectedItem().get_text() == "Select an Analyst") {
        input.style.fontStyle = "italic";
    }
    else {
        input.style.fontStyle = "normal";
    }
}

Greetings,
Kalina
the Telerik team

[Philip Senechal]

Ahhh...it was the sender.get_inputDomElement() part that I wasn't getting correct.

Thank you so much...that works perfectly!