Splitter doesn't resize

3 posts, 1 answers
  1. Waldir
    Waldir avatar
    2 posts
    Member since:
    Sep 2011

    Posted 26 Oct 2011 Link to this post

    Hi guys I have a big problem with splitters, first I'm using a MasterPage and a vb page, I want to insert a loading panel, well I need the RadAjaxManager to do that.

    When I set the EnableAJAX=false in the RadAjaxManager the splitter uses the 100% of the screen, but the loading panel doesn't work, I set the EnableAJAX=true, and in fact, loading panel works fine, but the splitter doesn't use the 100% of the screen size, I checked the height property on splitter and is set to 480px, bud I didn't change nothing. Please help me

    There is my masterpage file:

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head id="Head1" runat="server">
        <style type="text/css">
            html, body, form
            {
                height: 100%;
                padding: 0px;
                margin: 0px;
            }
        </style>
    </head>
    <body style="background-color: #FFFFFF; margin-bottom: 0px; margin-top: 0px; margin-left: 0px;
        margin-right: 0px;">
        <form id="form1" runat="server" >
        <asp:ContentPlaceHolder ID="WMContentPlaceHolder" runat="server">
        </asp:ContentPlaceHolder>
        </form>
    </body>
    </html>
    And there is my web page:
    <telerik:RadAjaxManager ID="ramMain" runat="server" EnableAJAX="true"
        EnablePageHeadUpdate="false">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadTreeView1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadSplitter1" LoadingPanelID="ralpMain" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="ralpMain" runat="server" >
    </telerik:RadAjaxLoadingPanel>
     
        <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%"
            VisibleDuringInit="false" PanesBorderSize="0" ResizeWithParentPane="true" ResizeWithBrowserWindow="true">
  2. Answer
    Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 27 Oct 2011 Link to this post

    Hi Waldir,

    This problem occurs because the ajax panel wrapping the splitter does not have set height and this prevents the splitter to calculate its size properly. To avoid this you need to set the panels height to 100%, e.g.:
    <telerik:AjaxUpdatedControl ControlID="RadSplitter1" LoadingPanelID="ralpMain" UpdatePanelHeight="100%" />


    Regards,
    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Waldir
    Waldir avatar
    2 posts
    Member since:
    Sep 2011

    Posted 27 Oct 2011 Link to this post

    Thank you Dobromir, it works fine !!!!!!!!!
Back to Top