RadSplitter never auto ReSize in diffrent resolution or height page

4 posts, 0 answers
  1. Mohamad Javad
    Mohamad Javad avatar
    39 posts
    Member since:
    Jul 2014

    Posted 12 Jul 2014 Link to this post

    hi
    the page with RadSplitter with Height="100%"  never resize and fit Height to page in diffrent resolution . for example in page with Height=760 is diffrent seen page with Height=720 and .....how to fit to page in all resolution with RadSplitter?my code:    <telerik:RadSplitter ID="RadSplitter1" runat="server"       Height="100%" Width="100%">
            <telerik:RadPane ID="navigationPane" runat="server" ForeColor="White" Height="100%" Scrolling="None"
                 Width="200px" CssClass="treeViewNavigate">
    //my code
            </telerik:RadPane>
            <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward"  Height="100%">
            </telerik:RadSplitBar>
            <telerik:RadPane ID="contentPane" runat="server" Height="100%">
    //my code
       </telerik:RadPane>
        </telerik:RadSplitter>
  2. Mohamad Javad
    Mohamad Javad avatar
    39 posts
    Member since:
    Jul 2014

    Posted 12 Jul 2014 Link to this post

    sample picture :
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mohamad Javad
    Mohamad Javad avatar
    39 posts
    Member since:
    Jul 2014

    Posted 12 Jul 2014 in reply to Mohamad Javad Link to this post

    other resolution picture:
  5. Vessy
    Admin
    Vessy avatar
    1380 posts

    Posted 14 Jul 2014 Link to this post

    Hello Mohamad,

    When you want a Splitter to take size in percentages, you have to make sure that all of its parent also have  size configured in percentages (up to a parent with a fixed size). Otherwise, the control will be rendered with its default height of ~400px. You can find detailed information on the subject in the following online resources:
        Filling the Entire Page
        Specifying Size
        Resize with Window

    I hope this information will be helpful for you.

    Regards,
    Vessy
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top