01.Blogs :
Daniel Manga  

Update Progress no Centro da Tela

Muitas vezes temos a necessidade de exibirmos o  update progress do Atlas no centro da tela. Pra isso vamos usar somente css e um pouco de html.

Iremos definir na folha de estilo a seguinte classe.

.UpdatePG_Centro
{

    position:absolute; 
    top:40%; 
    left:40%;
    border:1px solid lightsteelblue;
    background-color: red;
    height:50px;
    width:250px;
    text-align:center;

   
}
Foram definidos :    Top: Altura :    Left: Distância da margem esquerda.
E algumas coisas a mais afim d estilizar nosso controle.

Agora iremos adicionar o UpdateProgress ao WebForm ficando assim.

 <cc1:UpdateProgress ID="UpdateProgress1" runat="server">
            <ProgressTemplate>
               <div class="UpdatePG_Centro">
                Aguarde Carregando...</div>
            </ProgressTemplate>
        </cc1:UpdateProgress>


Prontinho .. a mensagem deve aparecer no centro da tela, alterando o top e o left da folha de estilo, você altera o posicionamento do UpdateProgress. Vale uma dica de sempre colocar o UpdateProgress por ultimo no WebForm para que não prejudique seu layout.

posted on Friday, October 06, 2006 5:55 AM by Daniel Manga


 
03.UPDATE CALENDAR :
<October 2006>
SunMonTueWedThuFriSat
24252627282930
1234567
891011121314
15161718192021
22232425262728
2930311234

05.MY LINKS :

07.Subscriptions :

Subscriptions


© Copyright 2005 Microsoft Corporation. All Rights Reserved.
Terms of Use | Privacy Statement | Code of Conduct | Hosted by MaximumASP for Microsoft
WHO-BAR