radGrid to fill splitter 100% with LoadingPanel

4 posts, 1 answers
  1. James
    James avatar
    29 posts
    Member since:
    Sep 2008

    Posted 15 Jul 2009 Link to this post

    I've got a radGrid in a splitter panel and associated with a LoadingPanel, and want the grid to fill the splitter panel.

    Searching this forum has pointed me to the following article.

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


    Using the example at the above link, I've got things working - great!

    However, just to be awkward I want to have a radMenu at the top of the splitter panel. When I add this, the radGrid scrolls up beyond the radMenu - presumably because the LoadingPanel is filling the splitter panel.

    Is there a way to arrange things so that the LoadingPanel is constrained to be below the radMenu?

    Thanks,

    James
  2. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 15 Jul 2009 Link to this post

    Hi James,

    I am not very sure what you mean by "radGrid scrolls up beyond the radMenu". However, two things come to my mind with regard to your scenario:

    1) RadMenu is a floated element by default, so you have to clear its float below the control. This can be done with the following element placed right after the menu:

    <div style="clear:both"><!-- --></div>


    2) If you have two elements in a single parent and one of the elements is 100% high, this leads to content overflowing. It is advisable that you place the RadMenu and RadGrid in separate containers, e.g. two RadPanes.


    Let us know if you need further assistance. If this is the case, please send your RadSplitter declaration including the controls inside it.


    Regards,
    Dimo
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. James
    James avatar
    29 posts
    Member since:
    Sep 2008

    Posted 15 Jul 2009 Link to this post


    --------------------------------------------------------------------------  
    | PanelBar  |                Menu Here                                   |  
    | here      |------------------------------------------------------------|  
    | with      |                                                            |  
    | splitter  |                                                            |  
    | to the    |  Grid here which fills rest of right hand pane, and should |  
    | right     |  scroll if too many rows                                   |  
    |           |                                                            |  
    |           |                                                            |  
    --------------------------------------------------------------------------  
     

    Hi Dimo,

    It's maybe easier if I show you what I want to achieve - so above is a crude layout which - hopefully does this.  I want it to be possible to hide the panelbar to the left, using the splitter. Then on the right-hand side of the screen, I need a menu at the top and a grid below it; the grid needs to be Ajaxified with a LoadingPanel.

    How would you lay this out?

    Thanks,

    James

  5. Answer
    Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 15 Jul 2009 Link to this post

    Hello James,

    I would use 3 RadSplitter panes and place each RadControl (PanelBar, Menu, Grid) in a separate RadPane.

    RadGrid should be 100% wide and 100% high. When you ajaxify it, you will need to apply a 100% height to the generated update panel, otherwise the RadGrid height will not be applied. Please use this example as your reference:

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

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