mastermehdi
Top achievements
Rank 2
mastermehdi
asked on 03 Jul 2010, 12:25 PM
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
0
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.
All the best,
Dimo
the Telerik team
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"
<
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
/>
<
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
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
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 ;)
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 ;)