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
105
UltraWebMenu submenu hover problem
posted

I have a web menu with a submenu. When I hover over the menu item that has the submenu the submenu hides behind the main menu. How to make the submenu appear over the main menu? Below is the code for the Webmenu I have:

       <igx:UltraWebMenuEx id="contextMenu" runat="server">
            <Levels>
                <ignav:level levelhoverclass="igmenu-LevelHover" levelclass="igmenu-LevelClass" index="0" levelcheckboxes="False"/>
                <ignav:level levelhoverclass="igmenu-LevelHover" levelclass="igmenu-LevelClass" index="1" levelcheckboxes="False"/>
            </Levels>
            <Items>
                <ignav:item tagstring="Add" text="Add"/>
                <ignav:item separator="True"/>
                <ignav:item tagstring="Recycle" text="Recycle"/>
                <ignav:item tagstring="Rename" text="Rename"/>
                <ignav:item separator="True"/>
                <ignav:item tagstring="ShowDetails" text="Show Details">
                    <Items>
                        <ignav:item tagstring="Description" text="Description"/>
                        <ignav:item tagstring="Size" text="Size"/>
                        <ignav:item tagstring="None" text="None"/>
                    </Items>
                </ignav:item>   
            </Items>
            <MenuClientSideEvents ItemClick="$Navigator.contextMenu_ItemClick" />
        </igx:UltraWebMenuEx>

  • 105
    posted

    Hi,

    I have a web menu with a submenu. When I hover over the menu item that has the submenu the submenu hides behind the main menu. How to make the submenu appear over the main menu?

    Any help to solve this is appreciated. Thank you.

    Below is the code for the Webmenu I have:

           <igx:UltraWebMenuEx id="contextMenu" runat="server">
                <Levels>
                    <ignav:level levelhoverclass="igmenu-LevelHover" levelclass="igmenu-LevelClass" index="0" levelcheckboxes="False"/>
                    <ignav:level levelhoverclass="igmenu-LevelHover" levelclass="igmenu-LevelClass" index="1" levelcheckboxes="False"/>
                </Levels>
                <Items>
                    <ignav:item tagstring="Add" text="Add"/>
                    <ignav:item separator="True"/>
                    <ignav:item tagstring="Recycle" text="Recycle"/>
                    <ignav:item tagstring="Rename" text="Rename"/>
                    <ignav:item separator="True"/>
                    <ignav:item tagstring="ShowDetails" text="Show Details">
                        <Items>
                            <ignav:item tagstring="Description" text="Description"/>
                            <ignav:item tagstring="Size" text="Size"/>
                            <ignav:item tagstring="None" text="None"/>
                        </Items>
                    </ignav:item>   
                </Items>
                <MenuClientSideEvents ItemClick="$Navigator.contextMenu_ItemClick" />
            </igx:UltraWebMenuEx>