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

radGrid to fill splitter 100% with LoadingPanel

3 Answers 82 Views
Grid
This is a migrated thread and some comments may be shown as answers.
James
Top achievements
Rank 1
James asked on 15 Jul 2009, 12:03 PM
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

3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 15 Jul 2009, 12:49 PM
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.
0
James
Top achievements
Rank 1
answered on 15 Jul 2009, 02:09 PM

--------------------------------------------------------------------------  
| 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

0
Accepted
Dimo
Telerik team
answered on 15 Jul 2009, 03:00 PM
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.
Tags
Grid
Asked by
James
Top achievements
Rank 1
Answers by
Dimo
Telerik team
James
Top achievements
Rank 1
Share this question
or