a little bug in RadAjaxLoadingPanel in opera

5 posts, 0 answers
  1. mastermehdi
    mastermehdi avatar
    39 posts
    Member since:
    Apr 2010

    Posted 03 Jul 2010 Link to this post

    when i use below html code with RadAjaxLoadingPanel code the RadAjaxLoadingPanel Goes outside the div tag

    <elerik:RadAjaxManager ID="radAjaxManager" runat="server" DefaultLoadingPanelID="radAjaxLoadingPanel">

    <AjaxSettings>
    <telerik:AjaxSetting AjaxControlID="pnl">
    <UpdatedControls>
    <telerik:AjaxUpdatedControl ControlID="pnl" />
    </UpdatedControls>
    </telerik:AjaxSetting>
    </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="radAjaxLoadingPanel" runat="server" Skin="Default">
    </telerik:RadAjaxLoadingPanel>

    <div style="padding:15px 10px 15px 10px;">

            <asp:Panel ID="pnl" runat="server">

                   <!-- other codes -->

            </asp:Panel>

    </div>

  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 07 Jul 2010 Link to this post

    Hi Mehdi Ghasemi,

    I can't reproduce the issue locally. Can you take a look at the test page below and let me know if I am missing something.

    <%@ Page Language="C#" %>
    <%@ Import Namespace="System.Data" %>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
     
    <script runat="server">
     
        protected void Button1_Click(object sender, EventArgs e)
        {
            System.Threading.Thread.Sleep(3000);
        }
         
    </script>
     
    <!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>
    </head>
    <body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
     
    <telerik:RadAjaxManager ID="radAjaxManager" runat="server" DefaultLoadingPanelID="radAjaxLoadingPanel">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="pnl">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="pnl" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="radAjaxLoadingPanel" runat="server" Skin="Black">
    </telerik:RadAjaxLoadingPanel>
     
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <div style="padding:15px 10px 15px 10px;">
     
            <asp:Panel ID="pnl" runat="server" style="border:1px solid red;background:#ffd">
                    aa
                    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
                   <asp:Button ID="Button1" runat="server" Text="PostBack" OnClick="Button1_Click" />
                   <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
                    bb
            </asp:Panel>
     
    </div>
     
    </form>
    </body>
    </html>


    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. mastermehdi
    mastermehdi avatar
    39 posts
    Member since:
    Apr 2010

    Posted 09 Jul 2010 Link to this post

    Please test this code in opera v10.60:

    01.<%@ page Language="C#" %>
    02.<script runat="server">
    03.    protected void Button1_Click(object sender, EventArgs e)
    04.    {
    05.        System.Threading.Thread.Sleep(3000);
    06.    }
    07.</script>
    08.<html>
    09.<head>
    10.    <title>test</title>
    11.    <style type="text/css">
    12.        div
    13.        {
    14.            overflow:hidden;
    15.        }
    16.    </style>
    17.</head>
    18.<body>
    19.    <form id="form" runat="server" style="direction:rtl;margin:auto;width:600px;">
    20.        <telerik:RadScriptManager ID="radScriptManager" runat="server" />
    21.        <telerik:RadAjaxManager ID="radAjaxManager" runat="server"
    22.            DefaultLoadingPanelID="radAjaxLoadingPanel">
    23.            <AjaxSettings>
    24.                <telerik:AjaxSetting AjaxControlID="pnl">
    25.                    <UpdatedControls>
    26.                        <telerik:AjaxUpdatedControl ControlID="pnl" />
    27.                    </UpdatedControls>
    28.                </telerik:AjaxSetting>
    29.            </AjaxSettings>
    30.        </telerik:RadAjaxManager>
    31.        <telerik:RadAjaxLoadingPanel ID="radAjaxLoadingPanel" runat="server" Skin="Black">
    32.        </telerik:RadAjaxLoadingPanel>
    33.        <div style="padding:50px;">
    34.            <asp:Panel ID="pnl" runat="server" style="border:1px solid red;background:#ffd">
    35.                <br /><br /><br /><br /><br />
    36.                <asp:Button ID="Button1" runat="server" Text="PostBack" OnClick="Button1_Click" />
    37.                <br /><br /><br /><br /><br />
    38.            </asp:Panel>
    39.        </div>
    40.    </form>
    41.</body>
    42.</html>
  5. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 09 Jul 2010 Link to this post

    Hello Mehdi Ghasemi,

    Please do not use a global overflow:hidden style for all <div>s on the page. Apply it only to the elements that you need. In this case the loading panel will be positioned correctly.

    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
  6. Amir
    Amir avatar
    12 posts
    Member since:
    Nov 2007

    Posted 22 Nov 2010 Link to this post

    The problem caused by direction:rtl and padding in your styles

    it seems that the loading panel has a bug with rtl direction and padding.

    remove the padding and you will see the problem will disapear ;)
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017