RadGrid header-column mismatch in IE11 Edge mode

2 posts, 0 answers
  1. Daniel
    Daniel avatar
    1 posts
    Member since:
    Jul 2015

    Posted 16 Jul 2015 Link to this post

    I have a grid that renders correctly in IE, pre version 11.  It renders substantially correct in document modes other than Edge (native IE11) mode in IE11.  I have attached a capture of the grid with mismatched headers and columns as rendered in Edge mode.  I have included the fragment of the .aspx that defines the grid.

    TIA

            <div class="bbcontent" style="padding: 0">
                    <telerik:RadGrid ID="TableAdminGrid" runat="server" GridLines="None" AllowPaging="True" 
                        AllowSorting="True" EnableEmbeddedSkins="False" Skin="LPSDesktop" PageSize="20" 
                        AllowFilteringByColumn="True" AllowMultiRowSelection="false"
                        PagerStyle-PageSizeLabelText="Page size" PagerStyle-PagerTextFormat="{4}{5} items in {1} page(s)">
                        <HeaderContextMenu EnableEmbeddedSkins="false">
                        </HeaderContextMenu>
                        <ClientSettings EnableRowHoverStyle="True">
                            <Selecting AllowRowSelect="True" />
                            <Scrolling UseStaticHeaders="True" ScrollHeight= "400px" AllowScroll = "true"/>
                            <Resizing AllowColumnResize="true" />
                            <ClientEvents OnFilterMenuShowing="FilterMenuShowing" />
                        </ClientSettings>
                        <MasterTableView>
                            <NoRecordsTemplate>
                                <div style="color:Red">No items found.</div>
                            </NoRecordsTemplate>
                            <Columns>
                                <telerik:GridTemplateColumn HeaderText="" UniqueName="EditColumn" AllowFiltering="false" ShowFilterIcon="false" ShowSortIcon="false" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center">
                                    <ItemTemplate>
                                        <asp:ImageButton ID="ImageButtonEdit" runat="server" ImageUrl="Images\document_edit.png" ToolTip="Edit" OnClick="GridEditImage_Click" />
                                    </ItemTemplate>
                                    <HeaderStyle Width="40px" />
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn HeaderText="" UniqueName="DeleteColumn" AllowFiltering="false" ShowFilterIcon="false" ShowSortIcon="false" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center">
                                    <ItemTemplate>
                                        <asp:ImageButton ID="ImageButtonDelete" runat="server" ImageUrl="Images\delete16.png" ToolTip="Remove" CommandName="Delete" OnClick="GridDeleteImage_Click" OnClientClick="SetRowToDelete(this.attributes['RowIndex'].value);" />
                                    </ItemTemplate>
                                    <HeaderStyle Width="40px" />
                                </telerik:GridTemplateColumn>
                            </Columns>
                        </MasterTableView>
                        <PagerStyle AlwaysVisible="true"  Mode="NextPrevAndNumeric" Position="Bottom" PageButtonCount="3" PagerTextFormat="{4}{5} items in {1} page(s)" PageSizeLabelText="Page size" />
                        <GroupingSettings CaseSensitive="false" />
                        <FilterMenu EnableEmbeddedSkins="False" OnClientShown="MenuShowing">
                        </FilterMenu>
                    </telerik:RadGrid>
            </div>

  2. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 21 Jul 2015 Link to this post

    Hello,

    I followed your scenario and prepared a sample test project which is working properly in IE 11 Edge mode. The only difference is that in my project built-in skin is set for the grid and you are using a custom skin.
    Therefore I supposed that the problem might be related to your custom LPSDesktop skin. To confirm that this is the case change the grid skin in your application with one of the existing skins and if everything is working properly you need to check your custom skin CSS file for problems.

    Regards,
    Pavlina
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top