Home | Contact Us | FAQ | Search & Site Map | Link to Us
Sign In | Join | Other 45 Sites in Network
HomeAnnouncementsFree MagazinesWhite PapersSubmit Content
Discussion GroupsASP.NETWindows FormsLanguages.NET FrameworkVisual Studio.NET
Articles.NET FrameworkASP.NETToolsWindows Forms
.NET DirectoryOpen Source ProjectsUser GroupsWeb Resources
Related Topics
Visual Basic 6SQL ServerMS AccessOther DB ProductsMS Server ProductsMore Topics ...

.NET Forum / ASP.NET / General / August 2007

Tip: Looking for answers? Try searching our database.

How to show the UpdateProgress contents at the center of monitor by using only  CSS

Thread view: 
Enable EMail Alerts  Start New Thread
Thread rating: 
Max2006 - 21 Aug 2007 22:15 GMT
Hi,

I have the following code to show the UpdateProgress contents at the center
of page:

   <asp:UpdateProgress ID="UpdateProgress1" runat="server"
AssociatedUpdatePanelID="UpdatePanel1"
       DisplayAfter="0">
       <ProgressTemplate>
           <div id="Layer1" style="position:absolute; z-index:1; left: 50%;
top: 50%;">
               <img alt = "Loading..." src ="../images/loader.gif" />
           </div>
       </ProgressTemplate>
   </asp:UpdateProgress>

The problem is with long pages, so it shows the progress at the center of
the page, user have to scroll to the middle of the page to see the progress.
Is there any way to show the progress at the center of monitor (or browser)
as opposed to the center of page?

The CSS only solution would be preferable.

Any help would be appreciated,
Max
ca8msm@aspnetlibrary.com - 22 Aug 2007 08:29 GMT
You'll have to go with a javascript solution if you want the exact
center of a browser window, as CSS can't interact with the browser to
determine how wide or long it is.

--
Mark Smith,
http://aspnetlibrary.com
Walter Wang [MSFT] - 22 Aug 2007 10:04 GMT
Hi Max,

I agree with Mark here that you will have to use JavaScript to keep the
progress div stay at the center of the screen.

Here're some related discussions on this issue:

#UpdateProgress Position in middle of screen - ASP.NET Forums
http://forums.asp.net/t/991307.aspx

#Matt Berseth: ASP.NET AJAX: Rendering a Gmail-like 'Loading' Indicator
over a Specific ASP.NET Control
http://mattberseth.com/blog/2007/06/aspnet_ajax_rendering_a_gmaill.html

Hope this helps.

Regards,
Walter Wang (wawang@online.microsoft.com, remove 'online.')
Microsoft Online Community Support

==================================================
When responding to posts, please "Reply to Group" via your newsreader so
that others may learn and benefit from your issue.
==================================================

This posting is provided "AS IS" with no warranties, and confers no rights.
Walter Wang [MSFT] - 27 Aug 2007 04:02 GMT
Hi Max,

I'm writing to check the status of this post. Please feel free to let me
know if there's anything else I can help. Thanks.

Regards,
Walter Wang (wawang@online.microsoft.com, remove 'online.')
Microsoft Online Community Support

==================================================
When responding to posts, please "Reply to Group" via your newsreader so
that others may learn and benefit from your issue.
==================================================

This posting is provided "AS IS" with no warranties, and confers no rights.

Free Magazines

Get these publications absolutely FREE for up to 12 months. There are no hidden fees and no obligation. Simply choose a title, complete the application form and submit it. Read more ...

Oracle MagazineNetwork ComputingComputer WorldBio-IT WorldeWeekInformation WeekInfosecurity
 
Sign In
Join
My Latest Posts
My Monitored Threads
My Blog
My Photo Gallery
My Profile
My Homepage

Start New Thread
Enable EMail Alerts
Rate this Thread



©2008 Advenet LLC   Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.