This is a migrated thread and some comments may be shown as answers.

Changing size of multipage control on expanding or collapsing splitbar

5 Answers 38 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Aamir Ali Ansari
Top achievements
Rank 2
Aamir Ali Ansari asked on 14 Aug 2010, 07:30 AM
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

5 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 16 Aug 2010, 04:35 PM
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
0
Aamir Ali Ansari
Top achievements
Rank 2
answered on 17 Aug 2010, 09:23 AM
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.
0
Dimo
Telerik team
answered on 17 Aug 2010, 11:44 AM
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
0
Aamir Ali Ansari
Top achievements
Rank 2
answered on 18 Aug 2010, 07:35 AM
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
0
Dimo
Telerik team
answered on 18 Aug 2010, 08:28 AM
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
Tags
General Discussions
Asked by
Aamir Ali Ansari
Top achievements
Rank 2
Answers by
Dimo
Telerik team
Aamir Ali Ansari
Top achievements
Rank 2
Share this question
or