Bailey Everitt
Top achievements
Rank 1
Rank 1
Bailey Everitt
asked on 04 Dec 2008, 08:37 PM
Hi Everyone,
I have a page that has a header, footer, and left and right panels. The header and footer are divs and the left and right panels are RadPanes. There is a TreeView in my left hand RadPane. When a node is clicked, a page will load in the right hand side RadPane. One page that loads is a Grid with a Master and Detail table. However, when ever the Grid expands (vertically) the length of the RadPane, vertical AND horizontal scrollbars appear (the scrollbars are part of the RadPane, not the browser.) The vertical one is ok, but it is laying over the grid and cutting some of it off causing the horizontal scrollbar to appear. I'd like to have it work so that no horizontal scrollbar appears and the vertical scrollbar doesn't cut any of the grid off. Again, any help is greatly appreciated.
-Matt
I have a page that has a header, footer, and left and right panels. The header and footer are divs and the left and right panels are RadPanes. There is a TreeView in my left hand RadPane. When a node is clicked, a page will load in the right hand side RadPane. One page that loads is a Grid with a Master and Detail table. However, when ever the Grid expands (vertically) the length of the RadPane, vertical AND horizontal scrollbars appear (the scrollbars are part of the RadPane, not the browser.) The vertical one is ok, but it is laying over the grid and cutting some of it off causing the horizontal scrollbar to appear. I'd like to have it work so that no horizontal scrollbar appears and the vertical scrollbar doesn't cut any of the grid off. Again, any help is greatly appreciated.
-Matt
2 Answers, 1 is accepted
0
Bailey Everitt
Top achievements
Rank 1
Rank 1
answered on 04 Dec 2008, 10:50 PM
FYI - I just found out that this issue does not happen in FireFox. However, the client needs it to work in IE. Thanks again for any help.
-Matt
-Matt
0
Accepted
Hi Matthew,
Internet Explorer and Firefox behave a little differently when applying scrollbars. Generally, if a scrollable container has 100% wide child element (control) and a vertical scrollbar appears, this causes a horizontal scrollbar to appear as well. Similarly, if a scrollable container has a 100% high child element and a horizontal scrollbar appears, this causes a vertical scrollbar.
You have two options in this case:
1) Make the RadGrid inside the RadPane a little narrower than 100%
2) Use a RadGrid with its width and height set to 100%, scrolling and static headers enabled, and the RadGrid's outer border removed with
<telerik:RadGrid style="border:0;outline:none" />
Here is an example with RadSplitter and 100% wide/high ajaxified RadGrids in its panes:
http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-set-100-height-and-random-styles-to-a-radajaxmanager-update-panel.aspx
Sincerely yours,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Internet Explorer and Firefox behave a little differently when applying scrollbars. Generally, if a scrollable container has 100% wide child element (control) and a vertical scrollbar appears, this causes a horizontal scrollbar to appear as well. Similarly, if a scrollable container has a 100% high child element and a horizontal scrollbar appears, this causes a vertical scrollbar.
You have two options in this case:
1) Make the RadGrid inside the RadPane a little narrower than 100%
2) Use a RadGrid with its width and height set to 100%, scrolling and static headers enabled, and the RadGrid's outer border removed with
<telerik:RadGrid style="border:0;outline:none" />
Here is an example with RadSplitter and 100% wide/high ajaxified RadGrids in its panes:
http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-set-100-height-and-random-styles-to-a-radajaxmanager-update-panel.aspx
Sincerely yours,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.