Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Carlos
480
Tooltip on WebDropDown showing twice
posted

Hi,

I need to add a tooltip to my WebDropDown to see items that are too long to fit the control. Here is the code that I use:

<ig:WebDropDown ID="ddlObjective" CssClass="ddlObjective" runat="server" AutoPostBack="true" onselectionchanged="ddlObjective_SelectedIndexChanged"
                DropDownContainerWidth="450" Width="450" DisplayMode="DropDownList" StyleSetName="Claymation" DropDownContainerHeight="150">
                <ClientEvents InputMouseOver="ddlObjective_InputMouseOver" />                              
 </ig:WebDropDown>
JS:
function ddlObjective_InputMouseOver(sender, eventArgs) {        
        var wdd = ActivityForm.controls.unitobjective.instance();
        var title = wdd.get_element().getAttribute("title");
        if (title != wdd.get_items().getItem(wdd.get_selectedItemIndex()).get_text()) {
            var string = "";
            string = wdd.get_items().getItem(wdd.get_selectedItemIndex()).get_text();            
            wdd.get_element().setAttribute("title", string);
        }        
}
My problem is that the tooltip shows twice, on in JQuery UI style, which I set up in the masterpage, and another in normal style, like this:
Any help would be appreciated.
Parents
No Data
Reply
  • 16310
    Offline posted

    Hello Carlos,

    I just wanted to let you know that I experienced this and have been working around to figure it out for you. I will uodate the case shortly with a suggested approach that will differ from yours.

Children