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




Parents
  • 8421
    posted

    Hello,

    I would like to confirm how you are using this popup. Essentially, are you displaying a list of links when a user clicks on a button for a row and keeping them hidden otherwise, essentially like the behavior of a context menu? If so, you may want to consider using the WebDataMenu as a context menu instead, similar to the following example:

    http://help.infragistics.com/Doc/ASPNET/Current/CLR4.0/?page=WebDataMenu_Using_WebDataMenu_as_Context_menu_on_WebDataTree_Node.html

    Another option might be to use the Infragistics WebDialogWindow and dynamically position it when you want to show your link buttons. In general, it is a better idea to only create something like this once and change the values inside of it and move it around rather than have it created for each record.

    I also would like to note that you really shouldn't be using the meta tag that you have listed. This tells the grid to render as IE7 but can cause issues as the browser is telling the grid to render as IE11. Also of note is that IE7 was only supported up to our 12.2 release and IE11 was not supported until 13.1. Due to this, the Infragistics controls are not supported with that meta tag.

Reply Children
No Data