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

a little bug in RadAjaxLoadingPanel in opera

4 Answers 72 Views

Ajax

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

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

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

</asp:Panel>

</div>

4 Answers, 1 is accepted

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"

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

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

<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

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>