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

Grid in RadPane, Scrollbars

2 Answers 70 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Bailey Everitt
Top achievements
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

2 Answers, 1 is accepted

Sort by
0
Bailey Everitt
Top achievements
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
0
Accepted
Dimo
Telerik team
answered on 05 Dec 2008, 08:01 AM
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.
Tags
Grid
Asked by
Bailey Everitt
Top achievements
Rank 1
Answers by
Bailey Everitt
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or