RadAjaxManager proxy and UpdatePanelHeight

5 posts, 1 answers
  1. Roland
    Roland avatar
    156 posts
    Member since:
    Feb 2009

    Posted 14 Jul 2010 Link to this post

    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% ?
  2. Answer
    Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 15 Jul 2010 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Roland
    Roland avatar
    156 posts
    Member since:
    Feb 2009

    Posted 15 Jul 2010 Link to this post

    Hello,

    I tried this and it also worked. My layout involves master>master>content + splitters. I will try reproducing this in a separate project.
  5. Prava kafle
    Prava kafle avatar
    212 posts
    Member since:
    Apr 2010

    Posted 21 Jul 2010 Link to this post

    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
     
  6. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 26 Jul 2010 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017