100% height lost by RadAjaxmanager

14 posts, 0 answers
  1. Marco
    Marco avatar
    37 posts
    Member since:
    Jul 2007

    Posted 24 Apr 2009 Link to this post

    Hello,

    In IE8 and FF3 i run into a strange problem.

    I know all about the 100% solution, and use this standard on every page.
    e.q. 
        <style type="text/css">  
            html, body, form  
            {  
                width: 100%;  
                height: 100%;  
                overflow: hidden;  
            }  
        </style> 

     

    If i use a simple radgrid with Scrolling-UseStaticHeaders="true" on a page, without any container or other control, the grid is 100% heigth, and this is working perfect.
    But as soon as i put a RadAjaxmanager on the page, the RadGrid is going from 300px to 10 px in a split second when the page load, and stays 10px.
    e.q. 

     

        <telerik:RadAjaxManager ID="RAM" runat="server" > 
            <AjaxSettings> 
                <telerik:AjaxSetting AjaxControlID="myRadrid (or any other control)">  
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="myRadGrid" /> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
            </AjaxSettings> 
        </telerik:RadAjaxManager> 

     

    For testing i put the Radgrid inside the form container, so the heigth for the container is set.
    I can write a workaround in js to follow the window height, but that is not real smooth solution.
    The Grid is then loading from 300px, to 10px, and then the right height...

    I'am sure the RadAjaxmanager is the reason for this, but is there a solution?
    p.s. i use the latest 2009.1 402 build.

     

  2. Marco
    Marco avatar
    37 posts
    Member since:
    Jul 2007

    Posted 25 Apr 2009 Link to this post

    Well i found a solution, but didn't found this on this site. (so i reply myself if someone run into the same problem)
    (Maybe it is mentioned some where, and i overlooked it)

    Its realy simple to give the radgrid the 100% height, if the radGrid behaving like i mentioned above.

    The only thing that i had to do, was instead of:
        <style type="text/css">     
            html, body, form     
            {     
                width: 100%;     
                height: 100%;     
                overflow: hidden;     
            }     
        </style>    
     
    I had to write:
            <style type="text/css">  
                html  
                {  
                    overflow: auto;  
                }  
                html, body, form, #myRadGridPanel  
                {  
                    margin: 0;  
                    height: 100%;  
                }  
            </style> 
    The #myRadGridPanel is refering to myRadGrid in the above example.
    So nothing else then this, and it is working perfect now...
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Yeroon
    Yeroon avatar
    87 posts
    Member since:
    Oct 2012

    Posted 01 May 2009 Link to this post

    I am having the same problem. Grid being in RadPane (splitter construct). Working just fine at 100% height. Added AjaxManager and it broke. 10px all that is left. Unfortunately your solution didnt help in my situation. When I find a solution, I will post it here.
  5. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 04 May 2009 Link to this post

    Hi guys,


    I think that the solution from the code library thread linked below will help you address the discrepancy you encountered:

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

    Best, Sebastian
    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.
  6. Yeroon
    Yeroon avatar
    87 posts
    Member since:
    Oct 2012

    Posted 04 May 2009 Link to this post

    Hi,

    Thanks for your solution. It fixed my problem. Using a RadAjaxPanel with Height of 100%  also fixes this, but then too many controls get ajaxified (performance issue), so this is a lot better.

    Thanks again.

    Yeroon
  7. James
    James avatar
    53 posts
    Member since:
    Jun 2009

    Posted 16 Sep 2009 Link to this post

    I realize this is a terribly old thread but I just ran into this problem today. This is a horribly kludgey fix. Isn't there a way this could be fixed inside of the controls themselves so that I don't have to add lines of code to every page that has a 100% height grid in it?
  8. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 17 Sep 2009 Link to this post

    Hi James,

    We will research for ways to add height styles to generated updated panels out-of-the-box for some of the future versions of RadAjaxManager.

    Best wishes,
    Dimo
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  9. Dominik Gierse
    Dominik Gierse avatar
    9 posts
    Member since:
    Aug 2009

    Posted 20 Jan 2011 Link to this post

    Is there today any out-of-the-box solution to resolve this problem?

    Best Regards.
  10. Tsvetina
    Admin
    Tsvetina avatar
    1874 posts

    Posted 25 Jan 2011 Link to this post

    Hello Uwe,

    Have you tried using the UpdatePanelHeight property of the AjaxUpdatedControl tag in the RadAjaxManager's settings? It provides the ability to set height explicitly for the update panel generated by the setting.

    All the best,
    Tsvetina
    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.
  11. Michael
    Michael avatar
    3 posts
    Member since:
    Mar 2011

    Posted 21 Apr 2011 Link to this post

    I'm having the same problem, except in my case the grid is in a user control that has a RadAjaxManagerProxy.  Is there a solution to this issue?
  12. Tsvetina
    Admin
    Tsvetina avatar
    1874 posts

    Posted 22 Apr 2011 Link to this post

    Hello Michael,

    Could you please elaborate a little more on the problem you are experiencing? In this thread more than one problems were mentioned and resolved.

    In case the user control is not initially visible on the page and when visibility is switched and a grid with static headers inside it loses it height (for example in a tab strip), you could try calling repaint() on the grid in its client-side GridCreated event.

    Kind regards,
    Tsvetina
    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.

  13. Michael
    Michael avatar
    3 posts
    Member since:
    Mar 2011

    Posted 22 Apr 2011 Link to this post

    I have a RadGrid within a user control where the RadGrid Height is set to 100% and it uses a RadAjaxManagerProxy.  When the control is rendered on a page the RadGrid comes up at 100% height and immediately resizes itself to about 10px, not 100% height.  This is very similar to the issue posted by Marco, except it involves using a RadGrid within a usercontrol and a RadAjaxManagerProxy.
  14. Tsvetina
    Admin
    Tsvetina avatar
    1874 posts

    Posted 22 Apr 2011 Link to this post

    Hi Michael,

    Did you try setting the UpdatePanelHeight property to 100%? This is equivalent to what Marco and Yeroon did, only difference is that they needed to do it manually since the property was not available back then.

    All the best,
    Tsvetina
    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.

  15. Michael
    Michael avatar
    3 posts
    Member since:
    Mar 2011

    Posted 22 Apr 2011 Link to this post

    Thank you.  That worked if the grid was in a container where the px were set. I found a solution using javascript that works for me: http://www.telerik.com/community/forums/aspnet-ajax/grid/resize-radgrid-to-window-height-via-javascript.aspx
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017