Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

RadAjaxManager proxy and UpdatePanelHeight

4 Answers 92 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Roland
Top achievements
Rank 1
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">
    <!-- 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

Sort by
0
Accepted
Dimo
Telerik team
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"
  
<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.
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
Dimo
Telerik team
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
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
Ajax
Asked by
Roland
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Roland
Top achievements
Rank 1
Prava kafle
Top achievements
Rank 1
Share this question
or