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
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!
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">
/>
>
Great!
Is it a problem for you to use this workaround? I hope not :)
Sincerely,
The JS method is good with me. Thanks.
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.
Try this...
<style type="text/css">
/* this is required so the dropdown menus overlap any page content */
{ z-index: 1;
</style>