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

RadGrid in RadPane problem with 100% height

4 Answers 321 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Zdeněk
Top achievements
Rank 1
Zdeněk asked on 23 Feb 2010, 10:02 PM
Hi,
I have RadGrid in RadPane in scenario same like this demo: http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandsplitterresizing/defaultcs.aspx?product=grid

When I put this code to Content Page (under Master Page), RadGrid will shrink itself, ignoring its Height=100% parameter. This problem is reproductable when:
  • RadGrid is in ContentPage
  • RadGrid is in RadPane
  • RadGrid's height is set to 100%
  • RadGrid's Scrolling is on (<Scrolling AllowScroll="true" UseStaticHeaders="true" />)
  • RadGrid is Ajaxified by RadAjaxManager (RadAjaxManagerProxy)

When I shut off Ajax, everything is fine. I have only one RadAjaxManager in MasterPage in ContentPages I use RadAjaxManagerProxy. I send sample as attachment,

Code:
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"
    <script type="text/javascript"
        function ClientResized(sender, eventArgs) { 
            $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>").ajaxRequest('ChangePageSize'); 
        } 
    </script> 
         
    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server"
        <AjaxSettings> 
            <telerik:AjaxSetting AjaxControlID="RadGrid1"
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
        </AjaxSettings> 
    </telerik:RadAjaxManagerProxy> 
 
    <telerik:RadSplitter ID="RadSplitter1" Width="100%" Height="100%" runat="server" Orientation="Horizontal" BorderSize="0" BorderStyle="None" PanesBorderSize="0" VisibleDuringInit="false"
        <telerik:RadPane ID="gridPane" runat="server"  Width="100%" Height="60%" Scrolling="None" OnClientResized="ClientResized">            
            <telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" GridLines="None"  Width="100%" Height="100%" UseStaticHeaders="true"  Style="border: 0; outline: none"
            <ClientSettings><Scrolling AllowScroll="true" UseStaticHeaders="true" /></ClientSettings
            <MasterTableView> 
            </MasterTableView> 
        </telerik:RadGrid> 
        </telerik:RadPane> 
        <telerik:RadSplitBar CollapseMode="Both" ID="RadSplitBar2" runat="server" EnableResize="True"></telerik:RadSplitBar> 
        <telerik:RadPane ID="listBoxPane" runat="server" BackColor="#d9eeff"  Height="40%"
            Bottom Pane 
        </telerik:RadPane> 
    </telerik:RadSplitter> 
</asp:Content> 


Thank you for help!

4 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 24 Feb 2010, 11:30 AM
Hello Zdenek,

In this scenario the update panel, which is generated around the RadGrid, needs a 100% height style. Please refer to

http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-set-100-height-and-random-styles-to-a-radajaxmanager-update-panel.aspx

Regards,
Dimo
the Telerik team

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 Public Issue Tracking system and vote to affect the priority of the items.
0
Zdeněk
Top achievements
Rank 1
answered on 24 Feb 2010, 12:15 PM
Thank you, I just found that I omitted setting panel to full height.
0
Informat
Top achievements
Rank 1
answered on 30 May 2011, 11:01 AM
Is it possible that this is not working in Chrome right now? I'm using Chrome 11 and radcontrols 2011.1.413.40. It miscalculates the div-block of the grid with ID "gridID_GridData".
It works fine in Internet Explorer and Firefox.
0
Pavlina
Telerik team
answered on 30 May 2011, 12:25 PM
Hi Nick,

I am afraid I could not understand what the exact problem is. Can you please elaborate a bit more on your scenario? It will be best if you can paste the problematic code illustrating the described problem in Chrome. Thus we will do our best to trace the possible reason for this issue and address it.

Kind regards,
Pavlina
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
Grid
Asked by
Zdeněk
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Zdeněk
Top achievements
Rank 1
Informat
Top achievements
Rank 1
Pavlina
Telerik team
Share this question
or