Height Scrollbar Problem

[Farouk]

Hi,

i don't know if this problem is telerik or a general problem ..

in my scenario is a master page with 3 contents (toolbar (whole width and top of page), left pane (left of the content), content). the left pane and the content are divided by a RadSplitter (RadSplitBar).

Now when I set the height of the radsplitter to 100%, firefox doens't fit it till the bottom and i when i set a fix height, at example 1000px it looks ok, but when the left pane or content have so much content to show, that scrollbars should be appear, nothing is gonna happen. because the height of 1000px doens't allow it.

so my question is, how can i set the height, that the whole page is filled and scrollbars appears..

sorry for my englisch.. and thx 4 advices
basti

[Svetlina Anati]

Hi Bastian,

When you have the RadSplitter configured in percentages, all its parent elements including the body, form and html should have their size explicitly set either in percentages or pixels in order to let the splitter calculate the size it should take - you can see a sample demo explaining this below:

http://demos.telerik.com/aspnet-ajax/splitter/examples/resizewithwindow/defaultcs.aspx

This being said, you will get the desired behavior by adding the following style to your page:

  <style type="text/css">  
    html, body, form  
    {  
      height: 100%;  
      margin: 0;  
      padding: 0;  
    }  
      
    </style> 

and also set all parent elements' heights explicitly e.g DIV, TABLE, TR, TD, etc if the splitter is nested in another element.

On a side note, I also suggest to set VisibleDuringInit=false for the splitter - this will hide the initial resizing of the splitter from the end user and you will get a better behavior.

Greetings,

Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.