RadGrid in a resizable RadPane combined with RadAjaxManager

2 posts, 0 answers
  1. Teija
    Teija avatar
    23 posts
    Member since:
    Oct 2008

    Posted 20 Apr 2009 Link to this post


    I have a problem with a RadGrid using paging inside a resizable RadPane. The RadGrid is set to 100% height. When Im resizing the RadPane the grid is also resized to fit the panes height perfectly. All is fine until I add a RadAjaxManager to support partial updates on my page. Then the RadGrid is not resizing properly. Its fixed at a minimal height no matter how I resize my pane.

    Here is the code Im using. All is fine with the RadAjaxManager commented but when I uncomment it and use the RadAjaxManager I get this strange effect.

    Ideas anyone?

    <%@ Page Language="c#" CodeFile="GridTest.aspx.cs" AutoEventWireup="false" Inherits="GridTest" %> 
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"
    <body class="BODY"
        <form id="Form1" method="post" runat="server"
            <asp:ScriptManager ID="ScriptManager" runat="server" /> 
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
                     <telerik:AjaxSetting AjaxControlID="RadGrid1"
                            <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
            <telerik:RadSplitter ID="RadSplitter1" Width="700px" runat="server" Orientation="Horizontal"
                <telerik:RadPane ID="gridPane" runat="server" Height="307px" 
                    <telerik:RadGrid AllowPaging="true" PageSize="40" Width="100%" Height="100%" Style="border: 0; 
                        outline: none" ID="RadGrid1" runat="server" DataSourceID="SqlDataSource1"
                        <MasterTableView AllowPaging="true" TableLayout="Fixed" /> 
                        <PagerStyle Mode="NumericPages" /> 
                        <ClientSettings EnableRowHoverStyle="true"
                            <Selecting AllowRowSelect="true" /> 
                            <Scrolling AllowScroll="true" UseStaticHeaders="true" /> 
                <telerik:RadSplitBar CollapseMode="Both" ID="RadSplitBar2" runat="server" EnableResize="True"
                <telerik:RadPane ID="listBoxPane" runat="server" BackColor="#d9eeff"
                    Bottom Pane 
            <asp:SqlDataSource ID="SqlDataSource1" runat="server"  
                ConnectionString="<%$ ConnectionStrings:RejusUnderhållningConnectionString %>"  
                SelectCommand="SELECT RecID FROM [Activity]"></asp:SqlDataSource> 
  2. Dimo
    Dimo avatar
    8404 posts

    Posted 23 Apr 2009 Link to this post

    Hello Mathias,

    Please refer to the following code library example, which explains how to resolve the problem:

    Ajaxified RadGrid inside RadSplitter

    Best wishes,
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Back to Top