This problem has been driving me crazy. I have a RadGrid with an Ajax Manager wired up to it. See screenshot:
http://i5.photobucket.com/albums/y176/drpcken/1-2.png
Everything looks great until I sort by a column, then for no reason at all a whitespace (about 8 pixels) appears above the grid. See screenshot:
http://i5.photobucket.com/albums/y176/drpcken/2.png
It seems that anytime I click on a control that is wired up to the AJAX manager this happens. I have a button ABOVE the grid (it's not even a part of the grid) and its wired up to the Ajax Manager, when I click it I get the same behavior: a white space above the grid. When I remove the AJAX manager it works, but of course the whole page posts back with no AJAX. I've tried everything I can think of to fix this: I've removed ALL CSS from the page, but I get the same problem. I've removed the wrapper around the grid, same problem. I've removed the loading panel, same problem. I've removed every single server-side method and client side javascript but get the same problem. The code for the grid:
And here is my AjaxManager which is below the grid:
This problem has been driving me crazy. Does anyone see anything I don't?
http://i5.photobucket.com/albums/y176/drpcken/1-2.png
Everything looks great until I sort by a column, then for no reason at all a whitespace (about 8 pixels) appears above the grid. See screenshot:
http://i5.photobucket.com/albums/y176/drpcken/2.png
It seems that anytime I click on a control that is wired up to the AJAX manager this happens. I have a button ABOVE the grid (it's not even a part of the grid) and its wired up to the Ajax Manager, when I click it I get the same behavior: a white space above the grid. When I remove the AJAX manager it works, but of course the whole page posts back with no AJAX. I've tried everything I can think of to fix this: I've removed ALL CSS from the page, but I get the same problem. I've removed the wrapper around the grid, same problem. I've removed the loading panel, same problem. I've removed every single server-side method and client side javascript but get the same problem. The code for the grid:
| <div class="CensusGrid"> |
| <asp:Button ID="btnRefreshCustomers" runat="server" Style="display: none;" /> |
| <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" DataSourceID="LinqDataSource1" |
| GridLines="None" Skin="WebBlue" AllowMultiRowSelection="True" AllowSorting="True" |
| OnItemDataBound="RadGrid1_ItemDataBound"> |
| <MasterTableView AutoGenerateColumns="false" DataKeyNames="CensusID" DataSourceID="LinqDataSource1"> |
| <RowIndicatorColumn> |
| <HeaderStyle Width="20px"></HeaderStyle> |
| </RowIndicatorColumn> |
| <ExpandCollapseColumn> |
| <HeaderStyle Width="20px"></HeaderStyle> |
| </ExpandCollapseColumn> |
| <Columns> |
| <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn"> |
| <ItemStyle Width="27px" Wrap="false" /> |
| <HeaderStyle Width="27px" Wrap="false" /> |
| </telerik:GridClientSelectColumn> |
| <telerik:GridTemplateColumn DataField="LastName" HeaderText="Name" |
| SortExpression="LastName" UniqueName="LastName"> |
| <ItemTemplate> |
| <asp:Label ID="LastNameLabel" runat="server" Text='<%# Eval("LastName") %>'></asp:Label>, |
| <asp:Label ID="FirstNameLabel" runat="server" Text='<%# Eval("FirstName") %>'></asp:Label> |
| <asp:ImageButton ID="hasAccess" ImageUrl='<%# Eval("AllowClientAccess", "images/lock_{0}.png") %>' |
| runat="server" /> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |
| <telerik:GridBoundColumn DataField="DOB" DataType="System.DateTime" HeaderText="DOB" |
| SortExpression="DOB" UniqueName="DOB" DataFormatString="{0:d}"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="MaritalStatus" HeaderText="MaritalStatus" SortExpression="MaritalStatus" |
| UniqueName="MaritalStatus"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="AddressCity" HeaderText="AddressCity" SortExpression="AddressCity" |
| UniqueName="AddressCity"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="AddressState" HeaderText="AddressState" SortExpression="AddressState" |
| UniqueName="AddressState"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="EmailAddress" HeaderText="EmailAddress" SortExpression="EmailAddress" |
| UniqueName="EmailAddress"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="DateOfHire" DataType="System.DateTime" HeaderText="DateOfHire" |
| SortExpression="DateOfHire" UniqueName="DateOfHire" DataFormatString="{0:d}"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="JobDescription" HeaderText="JobDescription" SortExpression="JobDescription" |
| UniqueName="JobDescription"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="flag" UniqueName="flag" Visible="false"> |
| </telerik:GridBoundColumn> |
| <telerik:GridTemplateColumn> |
| <ItemStyle Width="29px" Wrap="false" /> |
| <HeaderStyle Width="29px" /> |
| <ItemTemplate> |
| <a id="HyperLink1" runat="server" class="thickbox" title='<%# "Dependents for <b>" + Eval("FirstName") + " " + Eval("LastName") + "</b>" %>' |
| href='<%# Eval("censusID", "Dependents.aspx?c={0}&TB_iframe=true&height=550&width=600") %>'> |
| <asp:Image ID="Image2" runat="server" ImageUrl="images/she_users.png" ToolTip="Add/Edit Dependents" /> |
| </a> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |
| <telerik:GridTemplateColumn> |
| <ItemStyle Width="29px" Wrap="false" /> |
| <HeaderStyle Width="29px" /> |
| <ItemTemplate> |
| <a id="editUser" runat="server" class="thickbox" title='<%# "Details for <b>" + Eval("FirstName") + " " + Eval("LastName") + "</b>" %>' |
| href='<%# Eval("censusID", "CensusDetails.aspx?c={0}&TB_iframe=true&height=550&width=600") %>'> |
| <asp:Image ID="Image1" runat="server" ImageUrl="images/Edit.gif" ToolTip="Edit Employee" /> |
| </a> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |
| <telerik:GridTemplateColumn> |
| <ItemStyle Width="29px" Wrap="false" /> |
| <HeaderStyle Width="29px" /> |
| <ItemTemplate> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |
| </Columns> |
| </MasterTableView> |
| <ClientSettings> |
| <Selecting AllowRowSelect="True" EnableDragToSelectRows="False" /> |
| <Scrolling AllowScroll="True" ScrollHeight="489px" UseStaticHeaders="True" /> |
| </ClientSettings> |
| </telerik:RadGrid> |
| </div> |
| <asp:LinqDataSource ID="LinqDataSource1" runat="server" ContextTypeName="clientBenefitDataContext" |
| OrderBy="LastName" TableName="Census" Where="ContactID == @ContactID" OnSelecting="LinqDataSource1_Selecting"> |
| <WhereParameters> |
| <asp:ControlParameter ControlID="hiddenContactID" DefaultValue="0" Name="ContactID" |
| PropertyName="Value" Type="Int32" /> |
| </WhereParameters> |
| </asp:LinqDataSource> |
And here is my AjaxManager which is below the grid:
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="lblToggle"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| <telerik:AjaxSetting AjaxControlID="RadGrid1"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
This problem has been driving me crazy. Does anyone see anything I don't?