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

a little bug in RadAjaxLoadingPanel in opera

4 Answers 50 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
mastermehdi
Top achievements
Rank 2
mastermehdi asked on 03 Jul 2010, 12:25 PM
bug.JPG

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>

4 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 07 Jul 2010, 01:58 PM
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
0
mastermehdi
Top achievements
Rank 2
answered on 09 Jul 2010, 09:31 AM

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>
0
Dimo
Telerik team
answered on 09 Jul 2010, 09:49 AM
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
0
Amir
Top achievements
Rank 2
answered on 22 Nov 2010, 08:04 AM
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 ;)
Tags
Ajax
Asked by
mastermehdi
Top achievements
Rank 2
Answers by
Dimo
Telerik team
mastermehdi
Top achievements
Rank 2
Amir
Top achievements
Rank 2
Share this question
or