This is a migrated thread and some comments may be shown as answers.

Inconsistent command item rendering varying between DIV and Table layout

3 Answers 34 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Bryan asked on 06 Jun 2016, 05:21 AM

capture.png

capture2.png

I am using the built-in Export to Excel and Refresh buttons. Strangely when deployed to local and remote environment the layout differs - DIV at local and Table TR for remote, out of the same code base. The left aligned layout, one shown in the first screen capture, is the desired outcome. Can confirm this absurd behaviour is only present on IE (Same browser configuration on different terminals used to test both environments and had consistent results) - Chrome and Firefox have been tested to be rendering the desired layout on both environment.

Here is my RadGrid markup:

<asp:Panel ID="pnlMainReport" runat="server">

<telerik:RadGrid ID="rgRecReport" runat="server" DataSourceID="dsRec" AllowAutomaticUpdates="False"

RenderMode="Lightweight" AllowMultiRowSelection="false"

Skin="Metro" AllowPaging="true"

OnItemDataBound="rgRecReport_ItemDataBound"

CssClass="RemoveBorders">

<ClientSettings EnableAlternatingItems="false" EnableRowHoverStyle="true">

<Selecting AllowRowSelect="true" />

<ClientEvents OnRowClick="ReportContextMenu" OnRowContextMenu="ReportContextMenu" />

</ClientSettings>

<MasterTableView AutoGenerateColumns="False" DataSourceID="dsRec" DataKeyNames="ResultTableName" PageSize="100"

CommandItemDisplay="Top" CommandItemSettings-ShowExportToExcelButton="true" CommandItemSettings-ExportToExcelImageUrl="~/images/excel.png" CommandItemSettings-ShowAddNewRecordButton="false">

HTML of the incorrect layout on IE:

<tr>

<td align="left"> </td><td align="right"><input name="rgRecReport$ctl00$ctl02$ctl00$RefreshButton" title="Refresh" class="rgRefresh" id="rgRecReport_ctl00_ctl02_ctl00_RefreshButton" onclick="javascript:__doPostBack('rgRecReport$ctl00$ctl02$ctl00$RefreshButton','')" type="button" value=" "><a id="rgRecReport_ctl00_ctl02_ctl00_RebindGridButton" href="javascript:__doPostBack('rgRecReport$ctl00$ctl02$ctl00$RebindGridButton','')">Refresh</a> | <a id="rgRecReport_ctl00_ctl02_ctl00_ExportToExcelButton" href="javascript:__doPostBack('rgRecReport$ctl00$ctl02$ctl00$ExportToExcelButton','')"><img style="border: 0px currentColor; border-image: none;" alt="" src="/images/excel.png"> Export to Excel</a> </td>

</tr>

3 Answers, 1 is accepted

Accepted