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

AjaxLoadingPanel not staying with control that caused postback

3 Answers 70 Views

Ajax

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

George asked on 26 Jul 2010, 08:36 PM

I have a page that uses a loading panel on a control that lies within a radpane. When that control posts the page back the loading panel initially covers the control but when scrolling the position of the div acts as if it is fixed.

Below is an example that reproduces the problem.

Markup:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebApplication1.WebForm1" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

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

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager runat="server" ID="rsm">

</telerik:RadScriptManager>

<telerik:RadAjaxManager runat="server" ID="ram">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="b">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="b" LoadingPanelID="lp" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadSplitter ID="RSTree" runat="server" Width="100%" LiveResize="False">

<telerik:RadPane ID="LeftPane" runat="server" Width="320px">

<telerik:RadSlidingZone ID="SZTree" runat="server" Width="22" Height="100%" ClickToOpen="false" DockedPaneId="TreePane">

<telerik:RadSlidingPane ID="TreePane" Title="Sliding Pane" runat="server" Width="300px" DockOnOpen="true" BorderWidth="3px" BorderStyle="Solid" EnableEmbeddedBaseStylesheet="False" Height="100%">

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

<telerik:RadPane ID="RightPane" runat="server" Width="100%" Height="100%" RegisterWithScriptManager="True">

<div>

<asp:Button runat="server" ID="b" Text="Postback" OnClick="b_Click" />

<asp:Label runat="server" ID="l"

Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus euismod ornare dolor, sed accumsan nulla tempus non. Nam quis mauris arcu. Proin sodales, nulla mattis egestas laoreet, arcu elit vulputate nulla, at tempor odio quam ut arcu. Donec imperdiet, mi eget malesuada semper, quam tellus faucibus odio, non dignissim odio mi eget sem. Vestibulum ultrices fringilla laoreet. Integer fermentum, sapien eget scelerisque auctor, ipsum mi tristique turpis, vitae mattis tellus sem non sapien. Nullam pulvinar faucibus leo, semper egestas nulla imperdiet id. Vestibulum id urna sit amet lectus eleifend aliquam. Pellentesque ac lacinia dui. Proin convallis eleifend quam, quis fringilla odio dapibus ac. Nullam viverra consectetur augue quis mattis. Duis at sem vel felis vulputate tincidunt. Suspendisse bibendum dapibus ante, a consequat mauris volutpat ut. Morbi urna eros, dictum non blandit vel, cursus eget mauris. Maecenas orci mi, dapibus non ultricies ac, pulvinar quis eros. Nam diam quam, eleifend vitae posuere a, malesuada et libero. Vestibulum sollicitudin hendrerit risus. Vivamus vestibulum placerat interdum.

Aliquam gravida nisl nec risus placerat a feugiat odio tristique. Cras purus orci, mollis sit amet malesuada vel, pretium et nisi. Nulla facilisi. Fusce in diam ante, vel placerat urna. Curabitur risus neque, sollicitudin ac fringilla non, accumsan nec dolor. Aliquam erat volutpat. Ut eu elit eget erat lacinia tincidunt. Quisque quis lorem erat. Fusce sed urna non elit condimentum sodales dignissim eu mi. Fusce a ullamcorper nisl. Nulla est tortor, iaculis a convallis tincidunt, consequat et dolor. Maecenas pellentesque gravida ullamcorper.

Nam iaculis accumsan porta. Sed ante felis, aliquet et vehicula nec, congue id massa. Donec venenatis fermentum orci vel accumsan. Nullam lobortis tincidunt justo vitae consequat. Pellentesque eget erat dignissim justo mollis mattis vel rhoncus arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean consequat feugiat metus, id pellentesque erat semper quis. Sed sit amet lectus vel quam ornare malesuada in sed ante. Praesent mauris justo, ornare convallis vestibulum nec, volutpat et odio. In hac habitasse platea dictumst. Proin lectus eros, rutrum nec vulputate non, adipiscing ac ante.

Quisque imperdiet, est a sagittis bibendum, dui ligula malesuada urna, non sodales dui metus quis dui. Phasellus ac ante ligula. Cras ut nunc non erat tristique tincidunt. Vestibulum lobortis tempor egestas. Nulla sit amet erat ut ante facilisis sagittis porta nec est. Integer sollicitudin tempus dui, nec malesuada odio fermentum ut. Mauris facilisis sodales tellus eu tempus. Nulla condimentum pharetra rhoncus. Etiam odio turpis, sagittis eu auctor adipiscing, dapibus sit amet dolor. Phasellus a purus et eros feugiat fermentum quis non orci. Praesent ante lacus, aliquet vitae ornare nec, rutrum eget orci. Proin rhoncus scelerisque nibh, a tristique quam elementum ut. Phasellus fringilla lobortis feugiat. Ut pellentesque sollicitudin nisl eget egestas. Etiam suscipit pretium odio id commodo.

Duis a neque sed dolor lacinia viverra. Aliquam erat volutpat. Sed placerat turpis vel ante lobortis pulvinar. Mauris tempus, tellus ut consectetur malesuada, velit nibh hendrerit ligula, quis auctor justo metus non justo. Praesent congue nisi vel nisl vulputate placerat. Duis lobortis magna porta tortor auctor sed tincidunt lectus hendrerit. Aliquam adipiscing tortor eu metus venenatis sit amet tincidunt tortor sollicitudin. Vivamus viverra sodales mollis. Nullam nec tortor nec nibh auctor sollicitudin eget non lorem. Curabitur adipiscing congue diam ac tincidunt. Nunc consectetur pharetra lorem, vitae consequat nunc tempus eu. Nullam hendrerit aliquet dui at laoreet. Quisque sit amet augue mi.

Mauris mattis dignissim tortor eu convallis. Duis sit amet scelerisque ligula. Sed nec elit felis, vel fermentum velit. Maecenas facilisis, erat id vehicula rhoncus, nulla augue consectetur justo, id dictum diam dui non urna. Duis vitae turpis neque. Etiam quis nibh rutrum neque malesuada tempor. Suspendisse tellus dui, feugiat in vestibulum nec, lobortis eu tellus. Morbi feugiat arcu purus, nec suscipit ante. Nullam vitae magna leo. Integer eu tempor velit. Cras eu auctor quam.

Ut accumsan mollis fermentum. Donec non nisl vitae metus lobortis mattis vitae at elit. Aenean ac vestibulum est. Donec tempor elementum sodales. Nunc vitae quam libero. Maecenas et mauris non nibh ultrices faucibus et egestas tortor. Proin egestas, nisl a tempor ultricies, nunc ligula porttitor libero, eu porttitor tellus dolor ac libero. Nulla iaculis neque in justo condimentum feugiat. Vivamus sagittis eros eget est pretium tincidunt nec in diam. Donec sem urna, aliquet in ullamcorper vel, eleifend nec elit. Aliquam hendrerit lobortis gravida. Nam ipsum lorem, laoreet nec interdum nec, scelerisque vel massa. Pellentesque et dapibus leo. Aenean fringilla elementum ante, ut vestibulum nulla bibendum non. Duis et nisi lectus. Aenean consectetur magna ac diam sollicitudin consectetur non eu neque.

Nulla sed purus a sem tempor bibendum. Donec placerat dolor eu diam pellentesque euismod sed eu sapien. Mauris vel metus ligula. Nunc at sodales dui. Sed eget vehicula leo. Mauris id mi vel libero faucibus pellentesque. Nunc sollicitudin consectetur dignissim. Nulla posuere turpis sed magna porta nec facilisis ligula elementum. Aliquam sagittis semper magna quis sagittis. Duis pharetra nisi nec magna ornare a pharetra purus porta.

Proin dapibus semper lorem ut cursus. Suspendisse gravida dapibus risus sed egestas. Nullam augue magna, malesuada in venenatis at, tincidunt eu eros. Donec magna orci, malesuada quis blandit sit amet, lobortis eget quam. Etiam posuere tristique mauris, at dapibus dolor egestas ut. Phasellus odio ipsum, fringilla sed egestas laoreet, molestie scelerisque augue. Duis elementum commodo elit et bibendum. Suspendisse adipiscing nunc non nisi mattis at elementum lacus venenatis. Aenean at varius tortor. Nunc dignissim dapibus ipsum, ac euismod est vestibulum nec. Proin placerat fringilla neque, non rhoncus eros faucibus luctus. Aenean mi risus, facilisis quis tempor nec, gravida ut urna. Duis placerat tempor congue. Mauris urna erat, suscipit in faucibus ut, luctus a enim. Donec euismod cursus sem id pellentesque. Cras turpis libero, tempor sit amet tincidunt et, tempus quis mi. Aenean tristique felis vel libero congue aliquam. Donec id lectus feugiat velit mollis laoreet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ante leo, feugiat eget ornare quis, interdum sed urna. Morbi cursus eleifend dui, sit amet lacinia metus convallis sed. Aliquam et odio mi. Vivamus aliquam malesuada magna sit amet mattis. Aliquam erat volutpat. Praesent rhoncus lacinia risus, vel pellentesque massa blandit vitae. Aenean lacus tellus, mattis ut malesuada ac, feugiat a felis. Sed semper facilisis commodo. Nulla sed ultricies risus. Curabitur pulvinar urna sed massa sodales eu rutrum diam malesuada. Sed interdum tortor at orci auctor viverra. Sed ullamcorper orci ut urna lacinia mattis. Ut luctus rutrum mi, quis facilisis lacus varius ac. Nulla malesuada rutrum mi eget pharetra. Curabitur id tortor sit amet felis laoreet sodales in quis dui. Fusce semper ligula fermentum dolor dictum et dictum nunc pharetra. Pellentesque ultrices neque magna. Donec vitae felis sed metus pellentesque convallis. Quisque consectetur facilisis mauris id euismod.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus euismod ornare dolor, sed accumsan nulla tempus non. Nam quis mauris arcu. Proin sodales, nulla mattis egestas laoreet, arcu elit vulputate nulla, at tempor odio quam ut arcu. Donec imperdiet, mi eget malesuada semper, quam tellus faucibus odio, non dignissim odio mi eget sem. Vestibulum ultrices fringilla laoreet. Integer fermentum, sapien eget scelerisque auctor, ipsum mi tristique turpis, vitae mattis tellus sem non sapien. Nullam pulvinar faucibus leo, semper egestas nulla imperdiet id. Vestibulum id urna sit amet lectus eleifend aliquam. Pellentesque ac lacinia dui. Proin convallis eleifend quam, quis fringilla odio dapibus ac. Nullam viverra consectetur augue quis mattis. Duis at sem vel felis vulputate tincidunt. Suspendisse bibendum dapibus ante, a consequat mauris volutpat ut. Morbi urna eros, dictum non blandit vel, cursus eget mauris. Maecenas orci mi, dapibus non ultricies ac, pulvinar quis eros. Nam diam quam, eleifend vitae posuere a, malesuada et libero. Vestibulum sollicitudin hendrerit risus. Vivamus vestibulum placerat interdum.

Aliquam gravida nisl nec risus placerat a feugiat odio tristique. Cras purus orci, mollis sit amet malesuada vel, pretium et nisi. Nulla facilisi. Fusce in diam ante, vel placerat urna. Curabitur risus neque, sollicitudin ac fringilla non, accumsan nec dolor. Aliquam erat volutpat. Ut eu elit eget erat lacinia tincidunt. Quisque quis lorem erat. Fusce sed urna non elit condimentum sodales dignissim eu mi. Fusce a ullamcorper nisl. Nulla est tortor, iaculis a convallis tincidunt, consequat et dolor. Maecenas pellentesque gravida ullamcorper.

Nam iaculis accumsan porta. Sed ante felis, aliquet et vehicula nec, congue id massa. Donec venenatis fermentum orci vel accumsan. Nullam lobortis tincidunt justo vitae consequat. Pellentesque eget erat dignissim justo mollis mattis vel rhoncus arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean consequat feugiat metus, id pellentesque erat semper quis. Sed sit amet lectus vel quam ornare malesuada in sed ante. Praesent mauris justo, ornare convallis vestibulum nec, volutpat et odio. In hac habitasse platea dictumst. Proin lectus eros, rutrum nec vulputate non, adipiscing ac ante.

Quisque imperdiet, est a sagittis bibendum, dui ligula malesuada urna, non sodales dui metus quis dui. Phasellus ac ante ligula. Cras ut nunc non erat tristique tincidunt. Vestibulum lobortis tempor egestas. Nulla sit amet erat ut ante facilisis sagittis porta nec est. Integer sollicitudin tempus dui, nec malesuada odio fermentum ut. Mauris facilisis sodales tellus eu tempus. Nulla condimentum pharetra rhoncus. Etiam odio turpis, sagittis eu auctor adipiscing, dapibus sit amet dolor. Phasellus a purus et eros feugiat fermentum quis non orci. Praesent ante lacus, aliquet vitae ornare nec, rutrum eget orci. Proin rhoncus scelerisque nibh, a tristique quam elementum ut. Phasellus fringilla lobortis feugiat. Ut pellentesque sollicitudin nisl eget egestas. Etiam suscipit pretium odio id commodo.

Duis a neque sed dolor lacinia viverra. Aliquam erat volutpat. Sed placerat turpis vel ante lobortis pulvinar. Mauris tempus, tellus ut consectetur malesuada, velit nibh hendrerit ligula, quis auctor justo metus non justo. Praesent congue nisi vel nisl vulputate placerat. Duis lobortis magna porta tortor auctor sed tincidunt lectus hendrerit. Aliquam adipiscing tortor eu metus venenatis sit amet tincidunt tortor sollicitudin. Vivamus viverra sodales mollis. Nullam nec tortor nec nibh auctor sollicitudin eget non lorem. Curabitur adipiscing congue diam ac tincidunt. Nunc consectetur pharetra lorem, vitae consequat nunc tempus eu. Nullam hendrerit aliquet dui at laoreet. Quisque sit amet augue mi.

Mauris mattis dignissim tortor eu convallis. Duis sit amet scelerisque ligula. Sed nec elit felis, vel fermentum velit. Maecenas facilisis, erat id vehicula rhoncus, nulla augue consectetur justo, id dictum diam dui non urna. Duis vitae turpis neque. Etiam quis nibh rutrum neque malesuada tempor. Suspendisse tellus dui, feugiat in vestibulum nec, lobortis eu tellus. Morbi feugiat arcu purus, nec suscipit ante. Nullam vitae magna leo. Integer eu tempor velit. Cras eu auctor quam.

Ut accumsan mollis fermentum. Donec non nisl vitae metus lobortis mattis vitae at elit. Aenean ac vestibulum est. Donec tempor elementum sodales. Nunc vitae quam libero. Maecenas et mauris non nibh ultrices faucibus et egestas tortor. Proin egestas, nisl a tempor ultricies, nunc ligula porttitor libero, eu porttitor tellus dolor ac libero. Nulla iaculis neque in justo condimentum feugiat. Vivamus sagittis eros eget est pretium tincidunt nec in diam. Donec sem urna, aliquet in ullamcorper vel, eleifend nec elit. Aliquam hendrerit lobortis gravida. Nam ipsum lorem, laoreet nec interdum nec, scelerisque vel massa. Pellentesque et dapibus leo. Aenean fringilla elementum ante, ut vestibulum nulla bibendum non. Duis et nisi lectus. Aenean consectetur magna ac diam sollicitudin consectetur non eu neque.

Nulla sed purus a sem tempor bibendum. Donec placerat dolor eu diam pellentesque euismod sed eu sapien. Mauris vel metus ligula. Nunc at sodales dui. Sed eget vehicula leo. Mauris id mi vel libero faucibus pellentesque. Nunc sollicitudin consectetur dignissim. Nulla posuere turpis sed magna porta nec facilisis ligula elementum. Aliquam sagittis semper magna quis sagittis. Duis pharetra nisi nec magna ornare a pharetra purus porta.

Proin dapibus semper lorem ut cursus. Suspendisse gravida dapibus risus sed egestas. Nullam augue magna, malesuada in venenatis at, tincidunt eu eros. Donec magna orci, malesuada quis blandit sit amet, lobortis eget quam. Etiam posuere tristique mauris, at dapibus dolor egestas ut. Phasellus odio ipsum, fringilla sed egestas laoreet, molestie scelerisque augue. Duis elementum commodo elit et bibendum. Suspendisse adipiscing nunc non nisi mattis at elementum lacus venenatis. Aenean at varius tortor. Nunc dignissim dapibus ipsum, ac euismod est vestibulum nec. Proin placerat fringilla neque, non rhoncus eros faucibus luctus. Aenean mi risus, facilisis quis tempor nec, gravida ut urna. Duis placerat tempor congue. Mauris urna erat, suscipit in faucibus ut, luctus a enim. Donec euismod cursus sem id pellentesque. Cras turpis libero, tempor sit amet tincidunt et, tempus quis mi. Aenean tristique felis vel libero congue aliquam. Donec id lectus feugiat velit mollis laoreet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ante leo, feugiat eget ornare quis, interdum sed urna. Morbi cursus eleifend dui, sit amet lacinia metus convallis sed. Aliquam et odio mi. Vivamus aliquam malesuada magna sit amet mattis. Aliquam erat volutpat. Praesent rhoncus lacinia risus, vel pellentesque massa blandit vitae. Aenean lacus tellus, mattis ut malesuada ac, feugiat a felis. Sed semper facilisis commodo. Nulla sed ultricies risus. Curabitur pulvinar urna sed massa sodales eu rutrum diam malesuada. Sed interdum tortor at orci auctor viverra. Sed ullamcorper orci ut urna lacinia mattis. Ut luctus rutrum mi, quis facilisis lacus varius ac. Nulla malesuada rutrum mi eget pharetra. Curabitur id tortor sit amet felis laoreet sodales in quis dui. Fusce semper ligula fermentum dolor dictum et dictum nunc pharetra. Pellentesque ultrices neque magna. Donec vitae felis sed metus pellentesque convallis. Quisque consectetur facilisis mauris id euismod.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus euismod ornare dolor, sed accumsan nulla tempus non. Nam quis mauris arcu. Proin sodales, nulla mattis egestas laoreet, arcu elit vulputate nulla, at tempor odio quam ut arcu. Donec imperdiet, mi eget malesuada semper, quam tellus faucibus odio, non dignissim odio mi eget sem. Vestibulum ultrices fringilla laoreet. Integer fermentum, sapien eget scelerisque auctor, ipsum mi tristique turpis, vitae mattis tellus sem non sapien. Nullam pulvinar faucibus leo, semper egestas nulla imperdiet id. Vestibulum id urna sit amet lectus eleifend aliquam. Pellentesque ac lacinia dui. Proin convallis eleifend quam, quis fringilla odio dapibus ac. Nullam viverra consectetur augue quis mattis. Duis at sem vel felis vulputate tincidunt. Suspendisse bibendum dapibus ante, a consequat mauris volutpat ut. Morbi urna eros, dictum non blandit vel, cursus eget mauris. Maecenas orci mi, dapibus non ultricies ac, pulvinar quis eros. Nam diam quam, eleifend vitae posuere a, malesuada et libero. Vestibulum sollicitudin hendrerit risus. Vivamus vestibulum placerat interdum.

Aliquam gravida nisl nec risus placerat a feugiat odio tristique. Cras purus orci, mollis sit amet malesuada vel, pretium et nisi. Nulla facilisi. Fusce in diam ante, vel placerat urna. Curabitur risus neque, sollicitudin ac fringilla non, accumsan nec dolor. Aliquam erat volutpat. Ut eu elit eget erat lacinia tincidunt. Quisque quis lorem erat. Fusce sed urna non elit condimentum sodales dignissim eu mi. Fusce a ullamcorper nisl. Nulla est tortor, iaculis a convallis tincidunt, consequat et dolor. Maecenas pellentesque gravida ullamcorper.

Nam iaculis accumsan porta. Sed ante felis, aliquet et vehicula nec, congue id massa. Donec venenatis fermentum orci vel accumsan. Nullam lobortis tincidunt justo vitae consequat. Pellentesque eget erat dignissim justo mollis mattis vel rhoncus arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean consequat feugiat metus, id pellentesque erat semper quis. Sed sit amet lectus vel quam ornare malesuada in sed ante. Praesent mauris justo, ornare convallis vestibulum nec, volutpat et odio. In hac habitasse platea dictumst. Proin lectus eros, rutrum nec vulputate non, adipiscing ac ante.

Quisque imperdiet, est a sagittis bibendum, dui ligula malesuada urna, non sodales dui metus quis dui. Phasellus ac ante ligula. Cras ut nunc non erat tristique tincidunt. Vestibulum lobortis tempor egestas. Nulla sit amet erat ut ante facilisis sagittis porta nec est. Integer sollicitudin tempus dui, nec malesuada odio fermentum ut. Mauris facilisis sodales tellus eu tempus. Nulla condimentum pharetra rhoncus. Etiam odio turpis, sagittis eu auctor adipiscing, dapibus sit amet dolor. Phasellus a purus et eros feugiat fermentum quis non orci. Praesent ante lacus, aliquet vitae ornare nec, rutrum eget orci. Proin rhoncus scelerisque nibh, a tristique quam elementum ut. Phasellus fringilla lobortis feugiat. Ut pellentesque sollicitudin nisl eget egestas. Etiam suscipit pretium odio id commodo.

Duis a neque sed dolor lacinia viverra. Aliquam erat volutpat. Sed placerat turpis vel ante lobortis pulvinar. Mauris tempus, tellus ut consectetur malesuada, velit nibh hendrerit ligula, quis auctor justo metus non justo. Praesent congue nisi vel nisl vulputate placerat. Duis lobortis magna porta tortor auctor sed tincidunt lectus hendrerit. Aliquam adipiscing tortor eu metus venenatis sit amet tincidunt tortor sollicitudin. Vivamus viverra sodales mollis. Nullam nec tortor nec nibh auctor sollicitudin eget non lorem. Curabitur adipiscing congue diam ac tincidunt. Nunc consectetur pharetra lorem, vitae consequat nunc tempus eu. Nullam hendrerit aliquet dui at laoreet. Quisque sit amet augue mi.

Mauris mattis dignissim tortor eu convallis. Duis sit amet scelerisque ligula. Sed nec elit felis, vel fermentum velit. Maecenas facilisis, erat id vehicula rhoncus, nulla augue consectetur justo, id dictum diam dui non urna. Duis vitae turpis neque. Etiam quis nibh rutrum neque malesuada tempor. Suspendisse tellus dui, feugiat in vestibulum nec, lobortis eu tellus. Morbi feugiat arcu purus, nec suscipit ante. Nullam vitae magna leo. Integer eu tempor velit. Cras eu auctor quam.

Ut accumsan mollis fermentum. Donec non nisl vitae metus lobortis mattis vitae at elit. Aenean ac vestibulum est. Donec tempor elementum sodales. Nunc vitae quam libero. Maecenas et mauris non nibh ultrices faucibus et egestas tortor. Proin egestas, nisl a tempor ultricies, nunc ligula porttitor libero, eu porttitor tellus dolor ac libero. Nulla iaculis neque in justo condimentum feugiat. Vivamus sagittis eros eget est pretium tincidunt nec in diam. Donec sem urna, aliquet in ullamcorper vel, eleifend nec elit. Aliquam hendrerit lobortis gravida. Nam ipsum lorem, laoreet nec interdum nec, scelerisque vel massa. Pellentesque et dapibus leo. Aenean fringilla elementum ante, ut vestibulum nulla bibendum non. Duis et nisi lectus. Aenean consectetur magna ac diam sollicitudin consectetur non eu neque.

Nulla sed purus a sem tempor bibendum. Donec placerat dolor eu diam pellentesque euismod sed eu sapien. Mauris vel metus ligula. Nunc at sodales dui. Sed eget vehicula leo. Mauris id mi vel libero faucibus pellentesque. Nunc sollicitudin consectetur dignissim. Nulla posuere turpis sed magna porta nec facilisis ligula elementum. Aliquam sagittis semper magna quis sagittis. Duis pharetra nisi nec magna ornare a pharetra purus porta.

Proin dapibus semper lorem ut cursus. Suspendisse gravida dapibus risus sed egestas. Nullam augue magna, malesuada in venenatis at, tincidunt eu eros. Donec magna orci, malesuada quis blandit sit amet, lobortis eget quam. Etiam posuere tristique mauris, at dapibus dolor egestas ut. Phasellus odio ipsum, fringilla sed egestas laoreet, molestie scelerisque augue. Duis elementum commodo elit et bibendum. Suspendisse adipiscing nunc non nisi mattis at elementum lacus venenatis. Aenean at varius tortor. Nunc dignissim dapibus ipsum, ac euismod est vestibulum nec. Proin placerat fringilla neque, non rhoncus eros faucibus luctus. Aenean mi risus, facilisis quis tempor nec, gravida ut urna. Duis placerat tempor congue. Mauris urna erat, suscipit in faucibus ut, luctus a enim. Donec euismod cursus sem id pellentesque. Cras turpis libero, tempor sit amet tincidunt et, tempus quis mi. Aenean tristique felis vel libero congue aliquam. Donec id lectus feugiat velit mollis laoreet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ante leo, feugiat eget ornare quis, interdum sed urna. Morbi cursus eleifend dui, sit amet lacinia metus convallis sed. Aliquam et odio mi. Vivamus aliquam malesuada magna sit amet mattis. Aliquam erat volutpat. Praesent rhoncus lacinia risus, vel pellentesque massa blandit vitae. Aenean lacus tellus, mattis ut malesuada ac, feugiat a felis. Sed semper facilisis commodo. Nulla sed ultricies risus. Curabitur pulvinar urna sed massa sodales eu rutrum diam malesuada. Sed interdum tortor at orci auctor viverra. Sed ullamcorper orci ut urna lacinia mattis. Ut luctus rutrum mi, quis facilisis lacus varius ac. Nulla malesuada rutrum mi eget pharetra. Curabitur id tortor sit amet felis laoreet sodales in quis dui. Fusce semper ligula fermentum dolor dictum et dictum nunc pharetra. Pellentesque ultrices neque magna. Donec vitae felis sed metus pellentesque convallis. Quisque consectetur facilisis mauris id euismod.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus euismod ornare dolor, sed accumsan nulla tempus non. Nam quis mauris arcu. Proin sodales, nulla mattis egestas laoreet, arcu elit vulputate nulla, at tempor odio quam ut arcu. Donec imperdiet, mi eget malesuada semper, quam tellus faucibus odio, non dignissim odio mi eget sem. Vestibulum ultrices fringilla laoreet. Integer fermentum, sapien eget scelerisque auctor, ipsum mi tristique turpis, vitae mattis tellus sem non sapien. Nullam pulvinar faucibus leo, semper egestas nulla imperdiet id. Vestibulum id urna sit amet lectus eleifend aliquam. Pellentesque ac lacinia dui. Proin convallis eleifend quam, quis fringilla odio dapibus ac. Nullam viverra consectetur augue quis mattis. Duis at sem vel felis vulputate tincidunt. Suspendisse bibendum dapibus ante, a consequat mauris volutpat ut. Morbi urna eros, dictum non blandit vel, cursus eget mauris. Maecenas orci mi, dapibus non ultricies ac, pulvinar quis eros. Nam diam quam, eleifend vitae posuere a, malesuada et libero. Vestibulum sollicitudin hendrerit risus. Vivamus vestibulum placerat interdum.

Aliquam gravida nisl nec risus placerat a feugiat odio tristique. Cras purus orci, mollis sit amet malesuada vel, pretium et nisi. Nulla facilisi. Fusce in diam ante, vel placerat urna. Curabitur risus neque, sollicitudin ac fringilla non, accumsan nec dolor. Aliquam erat volutpat. Ut eu elit eget erat lacinia tincidunt. Quisque quis lorem erat. Fusce sed urna non elit condimentum sodales dignissim eu mi. Fusce a ullamcorper nisl. Nulla est tortor, iaculis a convallis tincidunt, consequat et dolor. Maecenas pellentesque gravida ullamcorper.

Nam iaculis accumsan porta. Sed ante felis, aliquet et vehicula nec, congue id massa. Donec venenatis fermentum orci vel accumsan. Nullam lobortis tincidunt justo vitae consequat. Pellentesque eget erat dignissim justo mollis mattis vel rhoncus arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean consequat feugiat metus, id pellentesque erat semper quis. Sed sit amet lectus vel quam ornare malesuada in sed ante. Praesent mauris justo, ornare convallis vestibulum nec, volutpat et odio. In hac habitasse platea dictumst. Proin lectus eros, rutrum nec vulputate non, adipiscing ac ante.

Quisque imperdiet, est a sagittis bibendum, dui ligula malesuada urna, non sodales dui metus quis dui. Phasellus ac ante ligula. Cras ut nunc non erat tristique tincidunt. Vestibulum lobortis tempor egestas. Nulla sit amet erat ut ante facilisis sagittis porta nec est. Integer sollicitudin tempus dui, nec malesuada odio fermentum ut. Mauris facilisis sodales tellus eu tempus. Nulla condimentum pharetra rhoncus. Etiam odio turpis, sagittis eu auctor adipiscing, dapibus sit amet dolor. Phasellus a purus et eros feugiat fermentum quis non orci. Praesent ante lacus, aliquet vitae ornare nec, rutrum eget orci. Proin rhoncus scelerisque nibh, a tristique quam elementum ut. Phasellus fringilla lobortis feugiat. Ut pellentesque sollicitudin nisl eget egestas. Etiam suscipit pretium odio id commodo.

Duis a neque sed dolor lacinia viverra. Aliquam erat volutpat. Sed placerat turpis vel ante lobortis pulvinar. Mauris tempus, tellus ut consectetur malesuada, velit nibh hendrerit ligula, quis auctor justo metus non justo. Praesent congue nisi vel nisl vulputate placerat. Duis lobortis magna porta tortor auctor sed tincidunt lectus hendrerit. Aliquam adipiscing tortor eu metus venenatis sit amet tincidunt tortor sollicitudin. Vivamus viverra sodales mollis. Nullam nec tortor nec nibh auctor sollicitudin eget non lorem. Curabitur adipiscing congue diam ac tincidunt. Nunc consectetur pharetra lorem, vitae consequat nunc tempus eu. Nullam hendrerit aliquet dui at laoreet. Quisque sit amet augue mi.

Mauris mattis dignissim tortor eu convallis. Duis sit amet scelerisque ligula. Sed nec elit felis, vel fermentum velit. Maecenas facilisis, erat id vehicula rhoncus, nulla augue consectetur justo, id dictum diam dui non urna. Duis vitae turpis neque. Etiam quis nibh rutrum neque malesuada tempor. Suspendisse tellus dui, feugiat in vestibulum nec, lobortis eu tellus. Morbi feugiat arcu purus, nec suscipit ante. Nullam vitae magna leo. Integer eu tempor velit. Cras eu auctor quam.

Ut accumsan mollis fermentum. Donec non nisl vitae metus lobortis mattis vitae at elit. Aenean ac vestibulum est. Donec tempor elementum sodales. Nunc vitae quam libero. Maecenas et mauris non nibh ultrices faucibus et egestas tortor. Proin egestas, nisl a tempor ultricies, nunc ligula porttitor libero, eu porttitor tellus dolor ac libero. Nulla iaculis neque in justo condimentum feugiat. Vivamus sagittis eros eget est pretium tincidunt nec in diam. Donec sem urna, aliquet in ullamcorper vel, eleifend nec elit. Aliquam hendrerit lobortis gravida. Nam ipsum lorem, laoreet nec interdum nec, scelerisque vel massa. Pellentesque et dapibus leo. Aenean fringilla elementum ante, ut vestibulum nulla bibendum non. Duis et nisi lectus. Aenean consectetur magna ac diam sollicitudin consectetur non eu neque.

Nulla sed purus a sem tempor bibendum. Donec placerat dolor eu diam pellentesque euismod sed eu sapien. Mauris vel metus ligula. Nunc at sodales dui. Sed eget vehicula leo. Mauris id mi vel libero faucibus pellentesque. Nunc sollicitudin consectetur dignissim. Nulla posuere turpis sed magna porta nec facilisis ligula elementum. Aliquam sagittis semper magna quis sagittis. Duis pharetra nisi nec magna ornare a pharetra purus porta.

Proin dapibus semper lorem ut cursus. Suspendisse gravida dapibus risus sed egestas. Nullam augue magna, malesuada in venenatis at, tincidunt eu eros. Donec magna orci, malesuada quis blandit sit amet, lobortis eget quam. Etiam posuere tristique mauris, at dapibus dolor egestas ut. Phasellus odio ipsum, fringilla sed egestas laoreet, molestie scelerisque augue. Duis elementum commodo elit et bibendum. Suspendisse adipiscing nunc non nisi mattis at elementum lacus venenatis. Aenean at varius tortor. Nunc dignissim dapibus ipsum, ac euismod est vestibulum nec. Proin placerat fringilla neque, non rhoncus eros faucibus luctus. Aenean mi risus, facilisis quis tempor nec, gravida ut urna. Duis placerat tempor congue. Mauris urna erat, suscipit in faucibus ut, luctus a enim. Donec euismod cursus sem id pellentesque. Cras turpis libero, tempor sit amet tincidunt et, tempus quis mi. Aenean tristique felis vel libero congue aliquam. Donec id lectus feugiat velit mollis laoreet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ante leo, feugiat eget ornare quis, interdum sed urna. Morbi cursus eleifend dui, sit amet lacinia metus convallis sed. Aliquam et odio mi. Vivamus aliquam malesuada magna sit amet mattis. Aliquam erat volutpat. Praesent rhoncus lacinia risus, vel pellentesque massa blandit vitae. Aenean lacus tellus, mattis ut malesuada ac, feugiat a felis. Sed semper facilisis commodo. Nulla sed ultricies risus. Curabitur pulvinar urna sed massa sodales eu rutrum diam malesuada. Sed interdum tortor at orci auctor viverra. Sed ullamcorper orci ut urna lacinia mattis. Ut luctus rutrum mi, quis facilisis lacus varius ac. Nulla malesuada rutrum mi eget pharetra. Curabitur id tortor sit amet felis laoreet sodales in quis dui. Fusce semper ligula fermentum dolor dictum et dictum nunc pharetra. Pellentesque ultrices neque magna. Donec vitae felis sed metus pellentesque convallis. Quisque consectetur facilisis mauris id euismod."></

asp:Label>

</div>

</telerik:RadPane>

</telerik:RadSplitter>

<telerik:RadAjaxLoadingPanel ID="lp" runat="server" Skin="" EnableEmbeddedSkins="True" HorizontalAlign="Center">

<div style="background-color:Black">

Loading Panel

</div>

</telerik:RadAjaxLoadingPanel>

</div>

</form>

</body>

</html>

and some code behind to cause a delay long enough to see the problem

Public Class WebForm1

Inherits System.Web.UI.Page

Protected Sub b_Click(ByVal sender As Object, ByVal e As System.EventArgs)

Threading.Thread.Sleep(3000)

End Sub

End Class

Click the button at the top and scroll around and you'll see the loading panel does not stick with the button.

My question is can I easily fix this using markup or some cssclass or am I going to have to hack around with javascript.

3 Answers, 1 is accepted

answered on 07 Jan 2011, 03:58 PM

Hi George,

I'm not completely super what exactly is your scenario and in what implementation the mentioned problem appears. However note that the RadPane is rendered as a <div> and the loading panel is using absolute positioning, setting its position towards the page itself, not the div tag it is rendered in. That is why it stays fixed when the splitter is scrolled, but moves when there is scrolling of the whole page. You can see for yourself that the same behavior is observed in an asp panel and <div> tag.
My suggestion in this scenario is to wrap the RadPane in an AjaxPanel and ajaxify the whole control.

Please, excuse us for any inconvenience caused.

Greetings,
Maria Ilieva
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.