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
20
Facing Compatibility issue in Infragistics WebDataGrid using IE 11
posted

Issue Details:

  • When I click the column of the row in the WebDataGrid, the custom popup needs to populate on the Image button click showing on top of the below datagrid rows.
  • But instead, the popup is visible only in the click column of the row and rest of the custom popup is invisible in IE 11.
  • If the change the user agent string/Browser mode to lower version of Internet Explorer(IE8, IE9, IE10) the custom popup will be displayed as expected on Image Button Click.

Note in Master Page we have added below meta tag

<meta http-equiv="X-UA-Compatible" content="IE=Emulate7" />

Please find below the CSS used for that column:

.actionpopupContainer{width:90px;position:absolute; z-index:300;display:block;margin-top:27px;padding:10px 10px 10px 20px;background-color:#fff;border:1px solid #ccc;margin-left:-92px;border-left:2px solid #999;border-bottom:2px solid #999;/*filter: alpha(opacity=95);*/text-align:left;

}

Please find below the Infragistics WebdataGrid used:

<ig:webdatagrid runat="server" clientidmode="Static" id="igGridSearchResult"

width="950px" onitemcommand="igGridSearchResult_ItemCommand" oncolumnsorted="igGridSearchResult_ColumnSorted"

autogeneratecolumns="False" bordercolor="#CCCCCC" enabledataviewstate="True"

enableajax="false" datakeyfields="VersionedId,Version" oninitializerow="igGridSearchResult_InitializeRow">

<Columns>

<ig:TemplateDataField>

<ItemTemplate>

<div id="divActions" class="fLeft" runat="server">


Find below the code for Custom Popup

<asp:Panel Visible="false" BackColor="White" ID="pnlAction" runat="server" Width="110px"

CssClass="actionpopupContainer">

<div id="divEdit" class="search-actionsMenuTextShow" runat="server">

<asp:LinkButton ID="lnkBtnEdit" OnClick="lnkBtnEdit_Click" runat="server"  />

</div>

<div id="divSubmit" class="search-actionsMenuTextShow" runat="server">

<asp:LinkButton ID="lnkBtnSubmit" OnClick="lnkBtnSubmit_Click" runat="server"  />

</div>

<div id="divCancel" class="search-actionsMenuTextShow" runat="server">

<asp:LinkButton ID="lnkbtnCancel" runat="server" OnClick="lnkbtnCancel_Click"  />

</div>

</asp:Panel>

</div>

Please find below the code for Image Button

<asp:ImageButton ID="imgImageButtonOpen" runat="server" ImageUrl="~/Images/icon-action_down.png?v=1"

CommandName="open" CommandArgument='<%# DataBinder.Eval(((Infragistics.Web.UI.TemplateContainer)Container).Item, "Row.Index") %>' />

</ItemTemplate>

<Header Text="Action" />

</ig:TemplateDataField>


Some more details if we open IE Developer Tool in IE11

The Document Mode is Pointing to IE7 and the User agent string is set Default.


Please help us to Resolve this issue asap