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

grid header alignment off when IFRAME content.

1 Answer 93 Views

Grid

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

Robert asked on 25 Oct 2011, 03:56 PM

I have a grid using static headers and scrolling. When I load up the page in a browser is looks perfect. When I set the page to an IFRAME SRC the headers are misaligned slightly. This appears to be the width of what would be a scroll bar. At this point if I sort a column or initiate a resize of a column the alignment corrects itself.

What could possibly be causing the misalignment on page load?

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="frame.aspx.vb" Inherits="Maintenance_frame" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<iframe src="http://rome/mypage.aspx"

width="100%" style="overflow:hidden;overflow-y:hidden;overflow-x:hidden" height="500px" scrolling="no">Your browser does not suppport frames.</iframe>

</div>

</form>

</body>

</html>

And the Grid in mypage.aspx:

<telerik:RadGrid ID="rgVendor" runat="server" AllowSorting="True" AutoGenerateColumns="False"

GridLines="None" PageSize="5" Skin="WebBlue" Width="100%" AllowFilteringByColumn="True"

CellSpacing="0">

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default" EnableImageSprites="True">

</HeaderContextMenu>

<MasterTableView ClientDataKeyNames="vnd_code" TableLayout="Fixed" CommandItemDisplay="Top">

<CommandItemSettings ExportToPdfText="Export to PDF" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

<CommandItemTemplate>

<table border="0" cellpadding="2" cellspacing="2" width="100%">

<tr>

<td nowrap style="width: 75px; text-align: left;">

<asp:LinkButton ID="lnkAdd" runat="server" OnClientClick="add_onclick();return false;"

Font-Underline="false" ToolTip="Add New Vendor Master" TabIndex="1"><img src="../Images/form-addnew.png" border="0" /> Add New</asp:LinkButton>

</td>

<td class="labelnorm" style="width: 80%; text-align: center; font-weight: bold">

Vendor Master Entry

</td>

<td nowrap style="width: 40px">

<asp:LinkButton ID="lnkClear" runat="server" CommandName="RemoveFilters" OnClientClick="javascript:$find('txtCode').set_value('');"

Font-Underline="false" ToolTip="Clear Filters" TabIndex="1"><img src="../Images/form-clear.png" border="0" /> Clear</asp:LinkButton>

</td>

<td nowrap style="width: 5px;">

-

</td>

<td nowrap style="width: 50px">

<asp:LinkButton ID="lnkRefresh" runat="server" CommandName="RebindGrid" Font-Underline="false"

ToolTip="Refresh Organization List" TabIndex="1"><img src="../Images/form-refresh.png" border="0" /> Refresh</asp:LinkButton>

</td>

<td nowrap style="width: 5px">

-

</td>

<td nowrap style="width: 50px">

<asp:LinkButton ID="lnkExcel" runat="server" CommandName="ExportToExcel" CssClass="clink"

Font-Underline="false" ToolTip="Click To Export List To Excel" TabIndex="1"><img src="../Images/form-excel.png" border="0" /> XLS</asp:LinkButton>

</td>

<td nowrap style="width: 5px">

-

</td>

<td nowrap style="width: 50px">

<asp:LinkButton ID="lnkCSV" runat="server" CommandName="ExportToCSV" CssClass="clink"

Font-Underline="false" ToolTip="Click To Export List To CSV" TabIndex="1"><img src="../Images/form-csv-export.png" border="0" /> CSV</asp:LinkButton>

</td>

<td nowrap style="width: 5px">

-

</td>

<td nowrap style="width: 50px">

<asp:HyperLink ID="lnkClose" runat="server" Font-Underline="false" ToolTip="Click To Close This Menu" TabIndex="1" Target="_top"><img src="../Images/form-close.png" border="0" /> Close</asp:HyperLink>

</td>

</tr>

</table>

</CommandItemTemplate>

<Columns>

<telerik:GridTemplateColumn UniqueName="TemplateColumn" AllowFiltering="false">

<HeaderStyle Width="70px" />

<ItemStyle Wrap="false" HorizontalAlign="Center" />

<ItemTemplate>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="vnd_code" HeaderText="Vendor Code" ReadOnly="True"

SortExpression="vnd_code" UniqueName="vnd_code">

<HeaderStyle Font-Bold="True" HorizontalAlign="Left" Width="80px" Wrap="False" />

<ItemStyle HorizontalAlign="Left" Wrap="False" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="vnd_description" HeaderText="Description" SortExpression="vnd_description"

UniqueName="vnd_description">

<HeaderStyle Font-Bold="True" HorizontalAlign="Left" Wrap="False" />

<ItemStyle HorizontalAlign="Left" Wrap="False" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="vnd_email" HeaderText="Email" SortExpression="vnd_email"

UniqueName="vnd_email">

<HeaderStyle Font-Bold="True" HorizontalAlign="Left" Width="200px" Wrap="False" />

<ItemStyle HorizontalAlign="Left" Wrap="False" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="vnd_file_format" HeaderText="File Format" SortExpression="vnd_file_format"

UniqueName="vnd_file_format">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" Width="90px" Wrap="False" />

<ItemStyle HorizontalAlign="Left" Wrap="False" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

<Selecting AllowRowSelect="True" />

<Resizing AllowColumnResize="True" AllowResizeToFit="True"

EnableRealTimeResize="True" />

</ClientSettings>

</telerik:RadGrid>

grid header alignment off when IFRAME content.

1 Answer, 1 is accepted