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

RadAjaxManager proxy and UpdatePanelHeight

4 Answers 175 Views

Ajax

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

Roland asked on 14 Jul 2010, 04:39 PM

Hello,

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">

<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

Accepted

answered on 15 Jul 2010, 07:06 AM

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.

<%@ 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;

}

</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

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

answered on 26 Jul 2010, 02:45 PM

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