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 51 Views

General Discussions

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

5 Answers, 1 is accepted

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

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"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<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