• Toll-free  888-665-8637
  • International  +1 717-220-0012
Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

bedek
#1 Posted : Friday, September 25, 2009 2:44:29 PM(UTC)
bedek

Rank: Member

Joined: 7/15/2007(UTC)
Posts: 54

How do I move the "Please wait..." to the center of the screen from the top right. This appears when modifying product or loading real-time ship rates etc.

On the top right its missed by users and would be much more obvious appearing closer to the center of the screen.

Have tried editing main.css but it has no effect at all even changing the color.

/* Header */
#header {margin:0;padding:0;}
#header a { text-decoration: none; }
#header ul, #footer ul {list-style:none;margin:0;padding:0;}
#header ul li, #footer ul li {display:inline;margin:0;padding:0 6px;}
#headernavmenu {margin:0; padding: 10px 0; text-align:center;font-size: 90%;}
#headermainmenu {font-weight:bold;text-align:center;line-height: 1.0em;font-size: 150%;}
#sitebanner {position:relative;width:761px;height:100px;margin:0;padding:0;background:#ccc
url('../images/SiteBannerBookBG.jpg') no-repeat center center;}
#wait { background: #FF0000; position: fixed; top: 15px; right: 15px; width: 100px; }
.wait { background: #FF0000; position: fixed; top: 300px; right: 300px; width: 100px; }

This line calls the style

from waitingmessage.ascx

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="WaitingMessage.ascx.vb"
Inherits="BVModules_Controls_WaitingMessage" %>
<div id="wait" style="display:none"><asp:Literal ID="WaitingTextLiteral" runat="server" Text="Please
wait..."></asp:Literal></div>

Suggestions?
Regards
Bede[red] [/red]
Matt@9BallDesign
#2 Posted : Friday, September 25, 2009 4:24:11 PM(UTC)
Matt@9BallDesign

Rank: Member

Joined: 12/23/2003(UTC)
Posts: 909

I could be wrong, but the app may be generating an ID on the fly.

instead of id="wait", it's a generated id based on .net. add class="wait" to waitmessage.ascx and see if that works.

&lt;%@ Control Language="VB" AutoEventWireup="false" CodeFile="WaitingMessage.ascx.vb"
Inherits="BVModules_Controls_WaitingMessage" %&gt;
&lt;div id="wait" class="wait" style="display:none"&gt;&lt;asp:Literal ID="WaitingTextLiteral" runat="server" Text="Please
wait..."&gt;&lt;/asp:Literal&gt;&lt;/div&gt;
Matt Martell


http://www.9balldesign.com - Web, Print, Graphic


http://www.martellhardware.com/ - Decorative &amp; Builder's Hardware

------------------------------------------------
bedek
#3 Posted : Friday, September 25, 2009 5:02:00 PM(UTC)
bedek

Rank: Member

Joined: 7/15/2007(UTC)
Posts: 54

Hi Matt

Thanks for the suggestion. Tried it and unfortunately no difference.

There is formatting coming from somewhere because the background of the text that appears is red.

Any other ideas.

Regards
Bede
sternyy
#4 Posted : Friday, September 25, 2009 9:30:09 PM(UTC)
sternyy

Rank: Member

Joined: 1/10/2005(UTC)
Posts: 714

Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
I think its wrapped in a paragraph (p) tag. Try using that in your CSS to format it. This is mine below.

/* Wait */
#wait { position:fixed; width: 930px; height: 100%; z-index: 100; display: none;}
#wait p {margin: 200px auto; width: 200px; font-weight: bold;height: 130px;color: #fff; text-align: center;background: #666 url(../images/ajax-loader.gif) no-repeat center center; border: 3px solid #333;}

You can see it in action here when you select a choice:
http://www.medsupplier.c...dick-atria-3100-ekg.aspx
bedek
#5 Posted : Monday, September 28, 2009 2:24:40 PM(UTC)
bedek

Rank: Member

Joined: 7/15/2007(UTC)
Posts: 54

Hello Bryan

Thank you for the suggestion. That worked.

Regards
Bede
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

©2025 Develisys. All rights reserved.
  • Toll-free  888-665-8637
  • International  +1 717-220-0012