Hello,
I have a web page with a menu (v10.2.20102.2102) and a content iframe. Since the upgrade of the menu from "ultra web menu" to the "web data menu", the menus do not show properly when the content frame points to a pdf document. It appears that the new menu has a lower z-index, showing the sub menus behind the frame. I was wondering if anyone has reported this issue and if there is any work around this. Thanks in advance.
Below is the source code.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebForm1" %>
<%@ Register Assembly="Infragistics4.Web.v10.2, Version=10.2.20102.2101, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"
Namespace="Infragistics.Web.UI.NavigationControls" TagPrefix="ig" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<!-- Infragistics Web Data Menu Begins -->
<ig:WebDataMenu ID="menuNavigationHeader" runat="server" Width="100%" Height="30px"
GroupSettings-Orientation="Horizontal" SubMenuOpeningDelay="1000"
SubMenuClosingDelay="0">
<GroupSettings Orientation="Horizontal" enableanimation="False"></GroupSettings>
<Items>
<ig:DataMenuItem Text="hello">
<ig:DataMenuItem Text="test 1"></ig:DataMenuItem>
</Items>
</ig:DataMenuItem>
</ig:WebDataMenu>
<!-- Content Frame Begins -->
<iframe id="contentIFrame" frameborder="0" src="/data/general/pe_multiples.pdf" width="100%" height="100px" scrolling="yes"></iframe>
</form>
</body>
</html>
Thanks for the mark up provided. I was not able to see the behavior you described using the mark up provided. However, it is possible to set CSS class on WebDataMenu in order to set its Z index property.
Relevant MarkUp:
<ig:WebDataMenu ID="menuNavigationHeader" runat="server" Width="100%" Height="30px"GroupSettings-Orientation="Horizontal" SubMenuOpeningDelay="1000" CssClass="seindex"SubMenuClosingDelay="0" onitemclick="menuNavigationHeader_ItemClick">
In “seindex” CSS class you may set Z index.
I hope this helps.
I am just following up to see, if you were able to implement the approach I have suggested.
Update me if you have any further questions with this matter.