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>
Great!
Is it a problem for you to use this workaround? I hope not :)
Sincerely,
No; however, I used the following that I found in the online samples: which was referenced in another forum post. This JavaScript worked.
function IE7ZIndexAdjust() {
var div1 = $get('MenuDiv');
if ($util.IsIE7) {
div1.style.zIndex =
'10';
div1.style.position =
'relative';
}
="MenuDiv">
="True">
/>
>
Hi there,
Could you try adding the following to your CSS and let me know if this fixes your issue:
.igdm_ControlVertical *, .igdm_ControlHorizontal *
{
z-index: 1;
Thank you for using the Infragistics forums!
I just upgraded from SR 2134 to SR 2171 and still have this issue. The WebDataMenu is in Site.Master and two specific pages experience the issue with the drop menu rendering behind a control in the child/content page. Is there a workaround and/or, is the issue resolved in 2011.1? I'd rather not upgrade the components right now unless it is definitely fixed as I'd have to complete a full regression test in the current dev cycle. I plan to do that next quarter.
Hello,
I strongly recommend you installing the latest service release of v 10.3
Version=10.3.20103.2134
I created a sample using WebDataMenu and UltraWebGrid as the shared sample code.
Please refer to the sample attached and let me know if you need further assistance.