Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Splitter > RadSpliter Height and width

• Johnny Intermediate

  Posted on Jan 14, 2012 (permalink)

  hi i set the RadSplitter height and width onload and onresize javascript event
  initial loading(maximized browser) looking ok
  if i resize the browser clicking of header of browser the Radsplitter height and width doesn't peoper
  

  <telerik:RadSplitter  id="RadSplitter1" CssClass="Splitter"     runat="server" >

                  <telerik:RadPane id="LeftPane" runat="server" width="22" Scrolling="None">

                      <telerik:RadSlidingZone id="SlidingZone1" runat="server" width="22"

                      DockedPaneId="Pane1"

                      ExpandedPaneId="Pane2"

                      >

   

                          <telerik:RadSlidingPane id="Pane2" title="Pane2" runat="server" width="150" minwidth="100">This pane is set to be initially expanded when the page is loaded. <br/><br/>Use the <b>ExpandedPaneId</b> property of the <b>RadSlidingZone</b> to control this behavior.</telerik:RadSlidingPane>

                           

                      </telerik:RadSlidingZone>

                  </telerik:RadPane>

                  <telerik:RadSplitBar id="RadSplitbar1" runat="server"></telerik:RadSplitBar>

                  <telerik:RadPane id="MainPane" runat="server">Main Pane</telerik:RadPane>

          </telerik:RadSplitter>

  
  my javascript on load and resize
  

  var windowHight = $(window).height();

  var windowWidth = $(window).width();

   

    var vvv = $find("ctl00_RadSplitter1");

   vvv.set_height(windowHight);

   vvv.set_width(windowWidth);

  
  
  
  

  Attached files

  • initial.png
  • resize-clickingofbrowserHeader.png

  Reply

• Johnny Intermediate

  Posted on Jan 17, 2012 (permalink)

  hello Telerik Master's

  Reply


• Answer Dobromir Dobromir

  Posted on Jan 18, 2012 (permalink)

  Hi,
  
  According to the provided screenshots, I believe that the extra space left on the right and on the bottom is because the browser preserves extra space to display scrollbars for its scrollable elements. Could you please try to add overflow: hidden CSS to the html, body and form elements and see if the problem still exists, e.g:
  

  <style type="text/css">

      html, body, form

      {

          margin: 0;

          padding: 0;

          height: 100%;  

          overflow: hidden;

      }

  </style>

  
  
  All the best,
  Dobromir
  the Telerik team

  If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Splitter > RadSpliter Height and width