CascadingDropDown Bgcolor on items : The Official Microsoft ASP.NET Forums

Reply

CascadingDropDown Bgcolor on items

Mar 11, 2009 12:57 PM|LINK

Hi!

iam using cascadingDropdown on my webpage. But I would Like to color some of the items. Put a background color.

is it poosible to do so on cascadingdropdown? or to put som kind of style to the item.

Thanks.

Reply

Re: CascadingDropDown Bgcolor on items

Mar 16, 2009 10:14 AM|LINK

Hi Nezdet

CascadingDropdown haven’t a style property current now.

However, the CascadingDropdown is based on the ASP.NET DropDownList control, in which we can define the CSS for items, so, we can use JavaScript to apply the style to the ListItem which need a background color, just like the following demo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        .HightLightItem
        {
            background-color: Red;
        }
    </style>


    <script language="javascript" type="text/javascript">


        function Button1_onclick() {
            document.getElementById("Select1")[2].className = "HightLightItem";
            document.getElementById("Select1")[4].className = "HightLightItem";
        }


    </script>
</head>
<body>
    <select id="Select1">
        <option value="Integra">Integra</option>
        <option value="RL">RL</option>
        <option value="TL">TL</option>
        <option value="Integra">Integra</option>
        <option value="RL">RL</option>
        <option value="TL">TL</option>
    </select>
    <input id="Button1" type="button" value="button" onclick="return Button1_onclick()" />
</body>
</html>

Thanks.

Lance Zhang

Marked as answer by Lance Zhang - MSFT on Mar 17, 2009 11:08 AM

Reply

Nezdet

Member

159 Points

741 Posts

Re: CascadingDropDown Bgcolor on items

Mar 16, 2009 06:58 PM|LINK

How can I do without a button.

Reply

Lance Zhang ...

All-Star

33091 Points

2361 Posts

Re: CascadingDropDown Bgcolor on items

Mar 17, 2009 01:36 AM|LINK

When to execute the JavaScript to apply the style is depend on your requirement. For example, we can add the JavaScript function to the “populated” event handler:

add_populated : function(handler) {
        /// &lt;summary&gt;
        /// Add an event handler for the populated event
        /// </summary>
        /// <param name="handler" type="Function" mayBeNull="false">
        /// Event handler
        /// </param>
        /// <returns />
        this.get_events().addHandler('populated', handler);
    },

Thanks.

Lance Zhang

Reply

Nezdet

Member

159 Points

741 Posts

Re: CascadingDropDown Bgcolor on items

Mar 17, 2009 09:25 PM|LINK

WHere Do I find this Event handler..

CascadingDropDown Bgcolor on items RSS

4 replies

Nezdet

CascadingDropDown Bgcolor on items

Lance Zhang ...

Re: CascadingDropDown Bgcolor on items

Nezdet

Re: CascadingDropDown Bgcolor on items

Lance Zhang ...

Re: CascadingDropDown Bgcolor on items

Nezdet

Re: CascadingDropDown Bgcolor on items

This site is managed for Microsoft by Neudesic, LLC. | © 2013 Microsoft. All rights reserved.

Follow Us On:

Microsoft