RadSpliter Height and width

3 posts, 1 answers
  1. Johnny
    Johnny avatar
    86 posts
    Member since:
    Dec 2010

    Posted 14 Jan 2012 Link to this post

    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"
                            <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:RadSplitBar id="RadSplitbar1" runat="server"></telerik:RadSplitBar>
                    <telerik:RadPane id="MainPane" runat="server">Main Pane</telerik:RadPane>

    my javascript on load and resize
    var windowHight = $(window).height();
    var windowWidth = $(window).width();
      var vvv = $find("ctl00_RadSplitter1");

  2. Johnny
    Johnny avatar
    86 posts
    Member since:
    Dec 2010

    Posted 17 Jan 2012 Link to this post

    hello Telerik Master's
  3. Answer
    Dobromir avatar
    1633 posts

    Posted 18 Jan 2012 Link to this post


    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;

    All the best,
    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
Back to Top