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
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 Reply Children
No Data