Changing size of multipage control on expanding or collapsing splitbar

6 posts, 0 answers
  1. Aamir Ali Ansari
    Aamir Ali Ansari avatar
    22 posts
    Member since:
    Jun 2010

    Posted 14 Aug 2010 Link to this post

    Dear All

    I have a situation where application is using radsplitbar with top down panes to divide a page. I have a Multipage view in the bottom pane. On collapsing the top bar the multpage move up which is normal and understood.  I need to manage this situation in a manner that whenever top pane is collapsed the Multipage inside bottom pane occupy full available space of bottom pane in both collapse and expanded mode. I need to control this from client side. Any idea or way forward??

    Regards
    Aamir
  2. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 16 Aug 2010 Link to this post

    Hi Aamir Ali,

    Please set Height="100%" to the RadMultiPage and the PageViews.

    If the RadMultiPage is ajaxified, you will need to set a 100% height style to the update panel, which is generated around the control. Here is how to do this for older RadControls versions:

    http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-set-100-height-and-random-styles-to-a-radajaxmanager-update-panel.aspx

    If you are using the latest RadControls version, you can use the UpdatePanelHeight property of the corresponding AjaxSetting (in the AjaxUpdatedControl tag).

    Greetings,
    Dimo
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Aamir Ali Ansari
    Aamir Ali Ansari avatar
    22 posts
    Member since:
    Jun 2010

    Posted 17 Aug 2010 Link to this post

    Unable to get desired results after changing height to 100%. Can u send me a simple sample code to help me grab the idea. The zip file downloaded was for older version.
  5. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 17 Aug 2010 Link to this post

    Hi Aamir,

    Please inspect the following example and compare with your implementation:

    <%@ Page Language="C#" %>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     
    <head runat="server">
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>RadControls</title>
    <style type="text/css">
     
    html,
    body,
    form
    {
        height:100%;
        margin:0;
        padding:0;
    }
     
    html
    {
        overflow:hidden;
    }
     
    </style>
    </head>
    <body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
     
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadMultiPage1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" UpdatePanelHeight="100%" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
     
    <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%" Orientation="Horizontal">
        <telerik:RadPane ID="TopPane" runat="server">
            top pane
        </telerik:RadPane>
        <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" />
        <telerik:RadPane ID="BottomPane" runat="server">
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server" Height="100%" SelectedIndex="0">
                <telerik:RadPageView ID="RadPageView1" runat="server" Height="100%" BackColor="Yellow">
                    bottom pane with a 100% high RadMultiPage
                </telerik:RadPageView>
            </telerik:RadMultiPage>
        </telerik:RadPane>
    </telerik:RadSplitter>
     
    </form>
    </body>
    </html>


    Kind regards,
    Dimo
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  6. Aamir Ali Ansari
    Aamir Ali Ansari avatar
    22 posts
    Member since:
    Jun 2010

    Posted 18 Aug 2010 Link to this post

    Can you please check this
    When I was implementing your code I faced following situation. While building the project I get following error as I think UpdatePanelHeight property is not recognized. Can you please suggest the way out.

    Error
    'Telerik.Web.UI.AjaxUpdatedControl' does not have a public property named 'UpdatePanelHeight'.

    Regards
    Aamir
  7. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 18 Aug 2010 Link to this post

    Hi Aamir,

    This property exists only in the latest RadControls version - 2010.2.713. If you have an older one, please set 100% height to update panels manually, as described at

    http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-set-100-height-and-random-styles-to-a-radajaxmanager-update-panel.aspx

    Best wishes,
    Dimo
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017