Changing an inline css style of an item selected dynamically.

12004

[Infragistics] Duane Hoyt posted over 13 years ago

How to change an inline style of an item selected dynamically.

Parents

12004

[Infragistics] Duane Hoyt posted over 13 years ago

This can be handled ItemSelected client side event:

function WebDataMenu1_ItemSelected(sender, eventArgs)
{
 ///<summary>
 ///
 ///</summary>
 ///<param name="sender" type="Infragistics.Web.UI.WebDataMenu"></param>
 ///<param name="eventArgs" type="Infragistics.Web.UI.DataMenuItemCancelEventArgs"></param>
    eventArgs.getItem().get_element().style.backgroundColor = 'red';
}

Within eventArgs you can get the item and it's dom element. Within the dom element contains the style attribute that will change for example the background color.

WebDataMenu_CS.zip

Reply

215

Isaac posted over 12 years ago in reply to [Infragistics] Duane Hoyt

How can I change the image of an item when I hover on that item. Should I do this in CSS class or clientside. Would you please send me a sample.?

<ig:WebDataMenu ID="WebDataMenu1" runat="server">
<Items>
<ig:DataMenuItem ImageUrl="../images/menu_whatsnew.gif" />
<ig:DataMenuItem ImageUrl="../images/menu_software.gif">

</ig:DataMenuItem>
</Items>
</ig:WebDataMenu>

When I hover on menu_whatsnew.gif, it should change the image to some other image i specify.

Its just like the previous version of UltraWebMenu which has the nice property HoverImageUrl

<ignav:Item TargetUrl="" TagString="whatsnew" HoverImageUrl="~/images/menu_whatsnew_h.gif"
      ImageUrl="~/images/menu_whatsnew.gif" ToolTip="" TargetFrame="" CssClass="" Text="">
      <Images>
        <DefaultImage Url="~/images/menu_whatsnew.gif" />
        <HoverImage Url="~/images/menu_whatsnew_h.gif" />
      </Images>
    </ignav:Item>

Please help.! Thank you

-Isaac
Cancel
Cancel

Children

No Data