Asp.NET UpdatePanel’e UpdateProgress nesnesi koymak

Asp.NET ile ajax gerçekten çok basit.
ScriptManager ve UpdatePanel sürükleyip bırakmanız yeterli. UpdatePanel’in içine koyduğunuz nesneler, bir kodu tetiklediğiniz zaman sayfa değişmeden postback oluyor ve updatepanel içerisindeki veriler değişiyor.

Peki ya update işlemi esnasında kullanıcıyı bilgilendirsek nasıl olur?


<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate>
<div class="progressBackgroundFilter"> </div>
<div class="processMessage">
<img src="images/updating.gif" /><br /><strong>Lütfen Bekleyin...</strong></div>
</ProgressTemplate>
</asp:UpdateProgress>


Tamam yaptık. artık update işlemi esnasında ProgressTemplate imiz görünüyor. Ama sürükleyip bıraktığımız yerde görünüyor.
css dosyamıza da şu satırları ekleyelim.
.progressBackgroundFilter {
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
overflow:hidden;
padding:0;
margin:0;
background-color:#000;
filter:alpha(opacity=50);
opacity:0.5;
z-index:1000;
}
.processMessage {
position:fixed;
top:30%;
left:43%;
padding:10px;
text-align: center;
width:14%;
z-index:1001;
background-color:#fff;
border:solid 1px #000;
}

Tamamdır