RadSpliter Height and width

[Johnny]

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

[Johnny]

hello Telerik Master's

[Dobromir]

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