Hi,
To keep things simple I have stripped my problem down to the bare minimum. I have a basic TabStrip with 1 tab linking to a single PageView containing a single Grid.
I have followed the various threads on getting the height of the Grid to fill up the window. This works absolutely fine on its own. However as soon as I wrap it in the above TabStrip-MultiPage structure, the Paging section on the Grid overflows the window causing a scrollbar to display. Using IE8 developer tools, if I display:none the main RadTabStrip div the Grid fits fine in the window so I believe this is the culprit.
However my question is, how can I use the two controls together and keep the height 100% functionality on the Grid?
Regards,
To keep things simple I have stripped my problem down to the bare minimum. I have a basic TabStrip with 1 tab linking to a single PageView containing a single Grid.
I have followed the various threads on getting the height of the Grid to fill up the window. This works absolutely fine on its own. However as soon as I wrap it in the above TabStrip-MultiPage structure, the Paging section on the Grid overflows the window causing a scrollbar to display. Using IE8 developer tools, if I display:none the main RadTabStrip div the Grid fits fine in the window so I believe this is the culprit.
However my question is, how can I use the two controls together and keep the height 100% functionality on the Grid?
Regards,
2 Answers, 1 is accepted
0
Accepted
Hello Brett,
You cannot have two or more sibling elements with one of them having a 100% height. From what you are saying, I suppose this is the problem and the result is that the 100% high element gets higher than needed.
You need to set a different height to the RadGrid, e.g. calculate the available space on the screen with Javascript and set the RadGrid height client-side. An easier solution will be to use RadSplitter with two RadPanes - the top panel will contain the RadTabStrip, while the bottom one - the RadGrid. In this case you can keep the RadGrid's 100% height.
Kind 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.
You cannot have two or more sibling elements with one of them having a 100% height. From what you are saying, I suppose this is the problem and the result is that the 100% high element gets higher than needed.
You need to set a different height to the RadGrid, e.g. calculate the available space on the screen with Javascript and set the RadGrid height client-side. An easier solution will be to use RadSplitter with two RadPanes - the top panel will contain the RadTabStrip, while the bottom one - the RadGrid. In this case you can keep the RadGrid's 100% height.
Kind 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
Brett
Top achievements
Rank 1
Rank 1
answered on 17 Jun 2009, 07:05 PM
Thanks for the quick response Dimo.
Your suggestion to use the RadSplitter works a treat.
Kind regards,
Your suggestion to use the RadSplitter works a treat.
Kind regards,