Using version 10.3.20103.1210 with IE9 the WebDataMenu drop down displays behind other controls (found this by setting height tall enough to see the menu). It works OK in FireFox 4 and Chrome.
body portion of aspx:
<body runat="server" id="gridResultsBody"> <form id="Form1" method="post" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <div style="float: left; margin-top: 1px" > <ig:WebDataMenu ID="uwmResultsMenu" runat="server"> <GroupSettings Orientation="Horizontal"/> <Items> <ig:DataMenuItem Text="<%$ Resources:SR_Check %>" Key="menuCheck"> <Items> <ig:DataMenuItem Text="<%$ Resources:SR_All %>" Key="menuCheckAll"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_None %>" Key="menuCheckNone"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_Invert %>" Key="menuCheckInvert"> </ig:DataMenuItem> </Items> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_File %>" Key="menuFile"> <Items> <ig:DataMenuItem Text="<%$ Resources:SR_Email %>" Key="menuFileEmail"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_Fax %>" Key="menuFileFax"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_Share %>" Key="menuFileShare"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_Download %>" Key="menuFileSave"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_ZipSave %>" Key="menuFileZipSave"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_SaveResults %>" Key="menuFileSaveResults"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_StartApprovalProcess %>" Key="menuFileAssignApprovalProcess"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_StartPacketApprovalProcess %>" Key="menuFileAssignPacketApprovalProcess" Visible="false"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_SendToWorkQueue %>" Key="menuFileAssignWorkQueue"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_Delete %>" Key="menuFileDelete"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_AddDocuments %>" Key="menuFileDragDropUpload"> </ig:DataMenuItem> </Items> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_Edit %>" Key="menuEdit"> <Items> <ig:DataMenuItem Text="<%$ Resources:SR_Cut %>" Key="menuEditCut"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_Copy %>" Key="menuEditCopy"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_Paste %>" Key="menuEditPaste"> </ig:DataMenuItem> </Items> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_Modify %>" Key="menuModify"> <Items> <ig:DataMenuItem Text="<%$ Resources:SR_EditProperties %>" Key="menuModifyProps"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_EditDocument %>" Key="menuModifyEditDocument"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_CheckOutIn %>" Key="menuModifyCheckInOut"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_UploadRevision %>" Key="menuModifyUploadRevision"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_Append %>" Key="menuModifyAppend"> <Items> <ig:DataMenuItem Text="<%$ Resources:SR_DirectScan %>" Key="menuModifyAppendDirectScan"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_QCard %>" Key="menuModifyAppendQCard"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_ElectronicUpload %>" Key="menuModifyAppendElectronicUpload"> </ig:DataMenuItem> </Items> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_Replace %>" Key="menuModifyReplace"> <Items> <ig:DataMenuItem Text="<%$ Resources:SR_DirectScan %>" Key="menuModifyReplaceDirectScan"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_QCard %>" Key="menuModifyReplaceQCard"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_ElectronicUpload %>" Key="menuModifyReplaceElectronicUpload"> </ig:DataMenuItem> </Items> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_Rename %>" Key="menuModifyRename"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_SetRetentionPolicy %>" Key="menuModifyRetention"> </ig:DataMenuItem> </Items> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_View %>" Key="menuView"> <Items> <ig:DataMenuItem Text="<%$ Resources:SR_DocumentHistory %>" Key="menuViewAllVersions"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_Packet %>" Key="menuViewPacket"> </ig:DataMenuItem> </Items> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_ApprovalQueue %>" Key="menuApprovalQueue"> <Items> <ig:DataMenuItem Text="<%$ Resources:SR_Approve %>" Key="menuApprovalQueueApprove"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_Reject %>" Key="menuApprovalQueueReject"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_SetPriority %>" Key="menuApprovalQueuePriorityAssign"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_RemoveFromProcess %>" Key="menuApprovalQueueRemove"> </ig:DataMenuItem> </Items> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_WorkQueue %>" Key="menuWorkQueue"> <Items> <ig:DataMenuItem Text="<%$ Resources:SR_MoveToQueue %>" Key="menuWorkQueueMove"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_CopyToQueue %>" Key="menuWorkQueueCopy"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_SetExpiration %>" Key="menuWorkQueueExpnAssign"> </ig:DataMenuItem> <ig:DataMenuItem Text="<%$ Resources:SR_RemoveFromQueue %>" Key="menuWorkQueueRemove"> </ig:DataMenuItem> </Items> </ig:DataMenuItem> </Items> <ClientEvents ItemClick="uwmResultsMenu_ItemClick" /> </ig:WebDataMenu> </div> <div style="float: left; margin-top: 2px"> <asp:ImageButton runat="server" ID="ibRefresh" ImageUrl="~/images/refresh.png" AlternateText="Refresh" OnClick="ibRefresh_Click" Style="margin-left: 6px; float: left; vertical-align: top;" meta:resourcekey="ibRefreshResource1" /> </div> <div style="float: left"> <asp:DropDownList ID="listDocTypes" runat="server" CssClass="dropDownSmallNoMargin" Visible="False" Style="margin-left: 10px; vertical-align: top" AutoPostBack="True" OnSelectedIndexChanged="listDocTypes_SelectedIndexChanged" meta:resourcekey="listDocTypesResource1"> </asp:DropDownList> </div> <div style="float: left; margin-top: 4px"> <asp:LinkButton ID="lbMyQueue" runat="server" Visible="False" Style="margin-left: 10px; vertical-align: top" CssClass="resultLink" OnClick="lbMyQueue_Click" meta:resourcekey="lbMyQueueResource1" Text="My Queue"></asp:LinkButton> <asp:LinkButton ID="lbAdminQueue" runat="server" Visible="False" Style="margin-left: 10px; vertical-align: top" CssClass="resultLink" OnClick="lbAdminQueue_Click" meta:resourcekey="lbAdminQueueResource1" Text="Admin Queue"></asp:LinkButton> <asp:LinkButton ID="lbHistoryQueue" runat="server" Visible="False" Style="margin-left: 10px; vertical-align: top" CssClass="resultLink" OnClick="lbHistoryQueue_Click" meta:resourcekey="lbHistoryQueueResource1" Text="History"></asp:LinkButton> <asp:Label runat="server" ID="lblPacketCompletion" Visible="False" Style="margin-left: 10px; vertical-align: top" CssClass="labelSmall" meta:resourcekey="lblPacketCompletionResource1"></asp:Label> </div> <div style="float: left; margin-top: 4px"> <asp:LinkButton ID="lbRemoveSorting" runat="server" Style="margin-left: 13px; vertical-align: top" Visible="False" CssClass="resultLink" OnClick="lbRemoveSorting_Click" meta:resourcekey="lbRemoveSortingResource1" Text="Remove Sorting"></asp:LinkButton> </div> <div style="float: left; margin-top: 4px"> <asp:LinkButton ID="lbShowAll" runat="server" Style="margin-left: 13px; vertical-align: top" Visible="False" CssClass="resultLink" OnClick="lbShowAll_Click" meta:resourcekey="lbShowAllResource1" Text="Show All"></asp:LinkButton> </div> <div style="float: left; margin: 7 8 0 8;" id="divApplet"> </div> <div style="float: left"> <asp:PlaceHolder ID="phDragDropUploadApplet" runat="server"></asp:PlaceHolder> </div> <div style="float: left"> <asp:PlaceHolder ID="phContentDirectorApplet" runat="server"></asp:PlaceHolder> </div> <div style="float: right"> <span style="font-family: MS Sans Serif, Arial, Helvetica; font-size: 13px; font-weight: bold; vertical-align: middle; white-space: nowrap"> <asp:Label ID="labelResults" CssClass="totalResults" runat="server" meta:resourcekey="labelResultsResource1"></asp:Label> <asp:ImageButton ID="ibExportToExcel" runat="server" AlternateText="Export to Excel" ImageUrl="~/images/msexcel.gif" OnClick="ibExportToExcel_Click" ToolTip="Export to Excel" BorderStyle="None" BorderWidth="0px" Style="vertical-align: middle;" meta:resourcekey="ibExportToExcelResource1" /> </span> </div> <div runat="server" id="divGrid" style="clear: both"> <igtbl:UltraWebGrid ID="wgResults1" runat="server" Width="100%" OnInitializeRow="wgResults1_InitializeRow" OnColumnMove="wgResults1_ColumnMove" OnGroupColumn="wgResults1_GroupColumn" OnSortColumn="wgResults1_SortColumn" OnUnGroupColumn="wgResults1_UnGroupColumn" Height="100%" OnPageIndexChanged="wgResults1_PageIndexChanged" meta:resourcekey="wgResults1Resource1"> <DisplayLayout ColWidthDefault="" AllowSortingDefault="Yes" SortingAlgorithmDefault="Custom" RowHeightDefault="0%" NoDataMessage="<%$ Resources:SR_GridEmpty %>" Version="4.00" SelectTypeRowDefault="Single" EnableInternalRowsManagement="false" ViewType="OutlookGroupBy" AllowColumnMovingDefault="OnServer" HeaderClickActionDefault="SortSingle" IndentationDefault="25" RowSelectorsDefault="No" Name="wgResults1" CellClickActionDefault="NotSet" TableLayout="Fixed" StationaryMargins="Header" GroupByRowDescriptionMaskDefault="<span style='white-space: nowrap'>[caption] : [value] ([count])</span>"> <HeaderStyleDefault Font-Bold="True" Font-Names="MS Sans Serif,Arial,Helvetica" BorderStyle="Solid"> <Padding Bottom="3px" Left="3px" Top="3px" Right="3px"></Padding> <BorderDetails ColorTop="White" ColorLeft="White"></BorderDetails> </HeaderStyleDefault> <GroupByRowStyleDefault> <Padding Bottom="1px" Left="1px" Top="1px" Right="1px"></Padding> <BorderDetails ColorTop="White" ColorLeft="White" ColorBottom="White"></BorderDetails> </GroupByRowStyleDefault> <FrameStyle Width="100%" Height="100%" Font-Size="10px" Font-Names="MS Sans Serif,Arial,Helvetica"> </FrameStyle> <ActivationObject BorderColor="Silver" BorderWidth=""> </ActivationObject> <GroupByBox ButtonConnectorStyle="Solid" ButtonConnectorColor="Silver" Prompt="Drag a column header here to group by that column."> <BoxStyle BackColor="#F3F3EF" Font-Italic="True" Font-Names="Arial,Helvetica" Font-Size="11px" ForeColor="Gray"> </BoxStyle> </GroupByBox> <SelectedRowStyleDefault ForeColor="White"> </SelectedRowStyleDefault> <RowStyleDefault BorderWidth="1px" BorderColor="Silver" BorderStyle="Solid" Cursor="Default" Font-Names="MS Sans Serif,Arial,Helvetica" Font-Size="10px"> <Padding Bottom="1px" Left="3px" Top="1px" Right="4px"></Padding> <BorderDetails ColorLeft="201, 201, 183" ColorTop="201, 201, 183" /> </RowStyleDefault> <ClientSideEvents BeforeSelectChangeHandler="wgResults1_BeforeSelectChangeHandler" BeforeSortColumnHandler="wgResults1_BeforeSortColumnHandler" CellClickHandler="wgResults1_CellClickHandler" DblClickHandler="wgResults1_DblClickHandler" /> <FilterOptionsDefault> <FilterDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px" CustomRules="overflow:auto;" Font-Names="MS Sans Serif,Arial,Helvetica" Font-Size="11px" Width="200px"> <Padding Left="2px" /> </FilterDropDownStyle> <FilterHighlightRowStyle BackColor="#151C55" ForeColor="White"> </FilterHighlightRowStyle> </FilterOptionsDefault> <Images> <SortAscendingImage Url="~/images/sortUp.gif" /> <SortDescendingImage Url="~/images/sortDn.gif" /> </Images> <EditCellStyleDefault BorderStyle="None" BorderWidth="0px"> </EditCellStyleDefault> <Pager AllowPaging="True" AllowCustomPaging="true" PagerAppearance="Top" QuickPages="5" StyleMode="PrevNext"> <PagerStyle BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px" CssClass="gridPager"> <BorderDetails ColorLeft="White" ColorTop="White" /> </PagerStyle> </Pager> <AddNewBox> <BoxStyle BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px"> <BorderDetails ColorLeft="White" ColorTop="White" /> </BoxStyle> </AddNewBox> </DisplayLayout> <Bands> <igtbl:UltraGridBand meta:resourcekey="UltraGridBandResource1"> <Columns> <igtbl:TemplatedColumn Key="colRowCheck" Width="24px"> <CellTemplate> <asp:CheckBox ID="checkGridRow" runat="server" onclick="checkGridRow_click(this);" /> </CellTemplate> <CellStyle BackColor="#F3F3EF" CustomRules="margin-left:0px;padding-left:1px"> <BorderDetails StyleLeft="None" /> </CellStyle> <HeaderStyle> <BorderDetails StyleLeft="None" /> </HeaderStyle> <Header ClickAction="Select"> <RowLayoutColumnInfo OriginX="1" /> </Header> <Footer> <RowLayoutColumnInfo OriginX="1" /> </Footer> </igtbl:TemplatedColumn> <igtbl:TemplatedColumn AllowGroupBy="No" Key="colDocumentStatus" Width="24px" Hidden="True" meta:resourcekey="TemplatedColumnResource1"> <CellTemplate> <span style="display: block; text-align: center; white-space: nowrap; vertical-align: top"> <asp:Image ID="ibDocumentStatus" runat="server" AlternateText="Check Out/In" BorderStyle="None" ImageUrl="~/images/checkoutdisabled.png" meta:resourcekey="ibDocumentStatusResource1" /> </span> </CellTemplate> <CellStyle BackColor="#F3F3EF"> </CellStyle> <Header ClickAction="Select"> <RowLayoutColumnInfo OriginX="2" /> </Header> <Footer> <RowLayoutColumnInfo OriginX="2" /> </Footer> </igtbl:TemplatedColumn> <igtbl:TemplatedColumn AllowGroupBy="No" Key="colApprovalProcessDirection" Width="24px" Hidden="True" meta:resourcekey="TemplatedColumnResource2"> <CellTemplate> <span style="display: block; text-align: center; white-space: nowrap; vertical-align: top"> <asp:Image ID="ibApprovalProcessDirection" runat="server" AlternateText="New, Approved, or Rejected" BorderStyle="None" ImageUrl="~/images/ap_approved.png" meta:resourcekey="ibApprovalProcessDirectionResource1" /> </span> </CellTemplate> <CellStyle BackColor="#F3F3EF"> </CellStyle> <Header ClickAction="Select"> <RowLayoutColumnInfo OriginX="3" /> </Header> <Footer> <RowLayoutColumnInfo OriginX="3" /> </Footer> </igtbl:TemplatedColumn> <igtbl:TemplatedColumn AllowGroupBy="No" Key="colQueueType" Width="24px" Hidden="True" meta:resourcekey="TemplatedColumnResource3"> <CellTemplate> <span style="display: block; text-align: center; white-space: nowrap; vertical-align: top"> <asp:Image ID="ibQueueType" runat="server" AlternateText="Queue Type" BorderStyle="None" ImageUrl="~/images/cq_personal.png" meta:resourcekey="ibQueueTypeResource1" /> </span> </CellTemplate> <CellStyle BackColor="#F3F3EF"> </CellStyle> <Header ClickAction="Select"> <RowLayoutColumnInfo OriginX="4" /> </Header> <Footer> <RowLayoutColumnInfo OriginX="4" /> </Footer> </igtbl:TemplatedColumn> </Columns> <AddNewRow View="NotSet" Visible="NotSet"> </AddNewRow> <FilterOptions AllString="" EmptyString="" NonEmptyString=""> <FilterDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px" CustomRules="overflow:auto;" Font-Names="MS Sans Serif,Arial,Helvetica" Font-Size="11px" Width="200px"> <Padding Left="2px" /> </FilterDropDownStyle> <FilterHighlightRowStyle BackColor="#151C55" ForeColor="White"> </FilterHighlightRowStyle> </FilterOptions> </igtbl:UltraGridBand> </Bands> </igtbl:UltraWebGrid> <igtblexp:UltraWebGridExcelExporter ID="UltraWebGridExcelExporter1" runat="server"> </igtblexp:UltraWebGridExcelExporter> </div> </form></body></html>
Hi there,
Is it possible for you to apply the latest service release and tell us whether the issue is still reproducible as version 1210 is a lot before IE9 was released and we have included IE9 compatibility fixes for the controls when it was released. Also could you make sure that the page is not loaded in IE9 compatibility mode because that uses IE7 document mode which does not support z-index css property.
Looking forward to your reply!
Sorry Apparently I had dyslexic fingers the other day.
<%@ Register assembly="Infragistics35.Web.v10.3, Version=10.3.20103.2120, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.Web.UI.NavigationControls" tagprefix="ig" %>
using version 2120
Is it possible to also make sure that the page is not loading under IE9 Compatibility or under Quirks Mode?
Thanks a lot for the patience!
Hi Konstantin,
I've not seen any update for this problem. Can you give me any guidance?
Ray Miller
Try this...
<style type="text/css">
/* this is required so the dropdown menus overlap any page content */
.igdm_ControlVertical *, .igdm_ControlHorizontal *
{ z-index: 1;
}
</style>
I am running Infragistics4.Web.v11.2, Version=11.2.20112.2086 and am having exactly the same problem. Mine works in Firefox 12.0. and Chrome 18. Doesn't work in IE9.
Thanks Konstantin! The CSS you suggested works perfect for me.
Steve
I found today that there is another issue. The pages that were impacted (only 2 out of the entire site even though WebDataMenu s in Site.Master, have a realted issue. The controls that use to appear behind the menu now disappear with you attempt to interact with them. The pages are reports wih a WebGroupBox and WebDataGrid. The menu used to appear behind the WebDataGrid. Now the menu is in front but if I click a row in the WebDataGrid the WebDataGrid disappears. Pages that do not allow interaction with the WebDataGrid rows/cells are not impacted.
To recap, the "menu behind" issue started when I upgraded to 20103.2134 to get scrolling support. Disabling scrolling or using the JS to set zIndex addresss that issue.
The disappearing WebDataMenu wasn't noticed until after upgrading to 20103.2171 and might not be related to the "menu behind" issue. I'm about to search for it in the forums.
The JS method is good with me. Thanks.