Hello,
I wanted to try the new property in Q2 "UpdatePanelHeight=100%". Guess what ? it didnt work.
Rendered HTML:
Above are the settings for that.
So where is my 100% ?
I wanted to try the new property in Q2 "UpdatePanelHeight=100%". Guess what ? it didnt work.
Rendered HTML:
<
div
id
=
"ctl00_ctl00_ctl00_ctl00_contentHolder_contentHolder_pnlMainNavPanel"
style
=
"display: block;"
class
=
"RadForm RadForm_Vista rfdButton"
><
div
style
=
"height: 100%; width: 100%; visibility: visible; overflow: hidden;"
class
=
"RadPanelBar RadPanelBar_Vista"
id
=
"ctl00_ctl00_contentHolder_contentHolder_pnlMainNav"
>
<!-- 2010.2.713.35 -->
<
telerik:AjaxSetting
AjaxControlID
=
"btnDoStuff"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlMainNav"
LoadingPanelID
=
"pnlLoading"
UpdatePanelHeight
=
"100%"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
Above are the settings for that.
So where is my 100% ?
4 Answers, 1 is accepted
0
Accepted
Hi Roland,
I am not sure how you reproduce the problem. Here is a demo, which works. Feel free to modify it and send it back for further inspection.
Regards,
Dimo
the Telerik team
I am not sure how you reproduce the problem. Here is a demo, which works. Feel free to modify it and send it back for further inspection.
<%@ 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;
}
</
style
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
asp:ScriptManager
ID
=
"ScriptManager1"
runat
=
"server"
/>
<
telerik:RadFormDecorator
ID
=
"RadFormDecorator1"
runat
=
"server"
DecoratedControls
=
"Buttons"
/>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"btnDoStuff"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlMainNav"
UpdatePanelHeight
=
"100%"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
asp:Button
ID
=
"btnDoStuff"
runat
=
"server"
Text
=
"do stuff"
/>
<
telerik:RadPanelBar
ID
=
"pnlMainNav"
runat
=
"server"
Width
=
"100%"
Height
=
"100%"
ExpandMode
=
"FullExpandedItem"
>
<
Items
>
<
telerik:RadPanelItem
Text
=
"Item 1"
Expanded
=
"true"
>
<
Items
>
<
telerik:RadPanelItem
Text
=
"sub item 1"
/>
<
telerik:RadPanelItem
Text
=
"sub item 2"
/>
<
telerik:RadPanelItem
Text
=
"sub item 3"
/>
</
Items
>
</
telerik:RadPanelItem
>
<
telerik:RadPanelItem
Text
=
"Item 2"
>
<
Items
>
<
telerik:RadPanelItem
Text
=
"sub item 1"
/>
<
telerik:RadPanelItem
Text
=
"sub item 2"
/>
<
telerik:RadPanelItem
Text
=
"sub item 3"
/>
</
Items
>
</
telerik:RadPanelItem
>
<
telerik:RadPanelItem
Text
=
"Item 3"
>
<
Items
>
<
telerik:RadPanelItem
Text
=
"sub item 1"
/>
<
telerik:RadPanelItem
Text
=
"sub item 2"
/>
<
telerik:RadPanelItem
Text
=
"sub item 3"
/>
</
Items
>
</
telerik:RadPanelItem
>
<
telerik:RadPanelItem
Text
=
"Item 4"
>
<
Items
>
<
telerik:RadPanelItem
Text
=
"sub item 1"
/>
<
telerik:RadPanelItem
Text
=
"sub item 2"
/>
<
telerik:RadPanelItem
Text
=
"sub item 3"
/>
</
Items
>
</
telerik:RadPanelItem
>
</
Items
>
</
telerik:RadPanelBar
>
</
form
>
</
body
>
</
html
>
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
Roland
Top achievements
Rank 1
answered on 15 Jul 2010, 03:09 PM
Hello,
I tried this and it also worked. My layout involves master>master>content + splitters. I will try reproducing this in a separate project.
I tried this and it also worked. My layout involves master>master>content + splitters. I will try reproducing this in a separate project.
0
Prava kafle
Top achievements
Rank 1
answered on 21 Jul 2010, 09:20 PM
Hi,
I tried setting UpdatePanelHeight = "100%" as mentioned in earlier post. I am getting following error Message;
Telerik.web.UI.AjaxUpdatedControl doesnot have a public property name"UpdatePanelHeight
".
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"btnDoStuff"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlMainNav"
UpdatePanelHeight
=
"100%"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
How can I set update Panel's height=100% ?
Thanks !
Prava
0
Hello Prava,
Probably you are not using the latest version of RadControls, please upgrade.
If you prefer not to upgrade, then refer to the following example, which shows how to set the 100% height to the update panel manually:
http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-set-100-height-and-random-styles-to-a-radajaxmanager-update-panel.aspx
All the best,
Dimo
the Telerik team
Probably you are not using the latest version of RadControls, please upgrade.
If you prefer not to upgrade, then refer to the following example, which shows how to set the 100% height to the update panel manually:
http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-set-100-height-and-random-styles-to-a-radajaxmanager-update-panel.aspx
All the best,
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