Height Scrollbar Problem

2 posts, 0 answers
  1. Farouk
    Farouk avatar
    24 posts
    Member since:
    Jun 2012

    Posted 31 Aug 2009 Link to this post


    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
  2. Svetlina Anati
    Svetlina Anati avatar
    2795 posts

    Posted 31 Aug 2009 Link to this post

    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:


    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;  

    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.


    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.
  3. DevCraft R3 2016 release webinar banner
Back to Top