
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
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
0
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
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
Hi Aamir,
Please inspect the following example and compare with your implementation:
Kind regards,
Dimo
the Telerik team
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"
<
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
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
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
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
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