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

Answered RadSpliter Height and width

Feed from this thread
  • Johnny Intermediate avatar

    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);



    Reply

  • Johnny Intermediate avatar

    Posted on Jan 17, 2012 (permalink)

    hello Telerik Master's

    Reply

  • Answer Dobromir Dobromir admin's avatar

    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

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Splitter > RadSpliter Height and width
Related resources for "RadSpliter Height and width"

ASP.NET Splitter Features   |  Documentation   |  Demos  |  Telerik TV   |  Self-Paced Trainer   |  Step-by-step Tutorial  ]