Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Splitter > RadSplitter Automatic Height Sizing with Dynamic Content

• Sherman

  Posted on Mar 6, 2008 (permalink)

  I'm using the RadSplitter to create a fixed-width layout with a left navigation pane and right content pane.  The left navigation pane contains a tree view whose content is dynamic and different depending on the user.  Is there anyway to not have to set a fixed height, but have the RadSplitter automatically adjust the height of its panes automatically based on the content of the panes so that no vertical scroll bars appear (rather, the user just has to use the browser scroll bars to see more content that is outside of the viewing area, if necessary)?  Thanks for any help.
  
  Sherman

• Svetlina Anati Svetlina Anati

  Posted on Mar 10, 2008 (permalink)

  Hello Sherman,
  
  You can achieve the desired behavior by using RadSplitter's client-side API.
  I suggest to implement a function which gets the height of the dynamic content and after that to call a function which sets this height and is placed on the main page .
  
  I prepared a simple project which demonstrates this behavior - you can find it in the attached archive file. In the sample project there is a RadSplitter with 300px initial height. A content page with a bigger height is loaded in the RadPane and the RadPane is resized to the proper size, so no vertical scrollbar appears.
  Feel free to modify the example in order to meet your requirements.
  
  Greetings,
  Svetlina
  the Telerik team

  
  Instantly find answers to your questions at the new Telerik Support Center

  Attached files

  • ResizeWithContent.zip

• Sherman

  Posted on Mar 10, 2008 (permalink)

  Thanks for the reply.  I'll give that a try and see how it goes.
  

• Rooban Solomon Raja

  Posted on Aug 6, 2010 (permalink)

  Hi, I have the same kind of issue but other way around..I want the panel scroll bar and not the browser scroll bar when the window is resized. i tried to change the height of the splitter pane to the desired height but it dint work below is the client code for the same:
  
          function MasterPanelSet_OnClientLoaded(p1, p2) {
              p1.set_height($(window).height()); // using Jquery window height
          }
          function MasterPanelSet_Resized(p1, p2) {
              p1.set_height($(window).height());
               
          }
     
  
  Please reply as soon as possible as stuck with this
  
  Thanks in advance
  Rooban

• Svetlina Anati Svetlina Anati

  Posted on Aug 11, 2010 (permalink)

  Hi Rooban Solomon Raja,

   You say that "I want the panel scroll bar and not the browser scroll bar when the window is resized" and this is the opposite behavior of the discussed and what you need is available out of teh box and you do not need to write any code. What you should do is the following:
  
  - remove teh client code you have used
  - set the desired size to the splitter by using teh Width and Height properties. If you do not want to set it in pixels and to automatically change along with the browser window you should set the size in percentages and also set explicit height to all the parents, including the html, body and form. A sample demo is available below:
  
  http://demos.telerik.com/aspnet-ajax/splitter/examples/resizewithwindow/defaultcs.aspx
  
  In case you need further assistance, please share teh splitter declaration and some screenshots along with very detailed explanations of teh exact desired result and we will do our best to help.

  Sincerely yours,
  Svetlina
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Splitter > RadSplitter Automatic Height Sizing with Dynamic Content