Jag använder en Ajax UpdateProgress på en sida. Jag vill att när själva uppdateringen sker så skall hela sidan tona ner och endast själva progressbilden synas centerat på skärmen. Har ingen aning om hur jag gör detta. Tips?tona ner sida vid update och updateprogress
Min kod ser ut så här och ligger på en sida som har en masterpage. Det är alltså diven splash som skall ligga centrerad, allt annat nertonat.
<code>
<ajaxToolkit:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0">
<ajaxToolkit:TabPanel ID="TabPanel1" runat="server" HeaderText="Visa alla">
<ContentTemplate>
<h2>Registrerade nyheter</h2>
<asp:Repeater ID="RepNewsList" runat="server">
<HeaderTemplate></HeaderTemplate>
<ItemTemplate> <%# String.Format("{0:yyyy-MM-dd}",Eval("CreatedDate") )%><br />
<h1><%# Eval("Title") %></h1>
<i><%#Eval("Body") %></i>
<br />
Publicerad av <%#Eval("Author") %>
</ItemTemplate>
<SeparatorTemplate>
<br /><hr />
</SeparatorTemplate>
</asp:Repeater>
</ContentTemplate>
</ajaxToolkit:TabPanel>
<ajaxToolkit:TabPanel ID="TabPanel2" runat="server" HeaderText="Skapa/ändra">
<ContentTemplate>
<div id="splash" class="splash">
<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1" DisplayAfter="0">
<ProgressTemplate>
<center>
<table >
<tr>
<td>
<img src="../Images/ajax-loader.gif" alt="Uppdatering pågår....." />
</td>
</tr>
</table>
</center>
</ProgressTemplate>
</asp:UpdateProgress>
</div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="False" UpdateMode="Conditional">
<ContentTemplate>
<h2>Ny / ändra</h2>
<table>
<tr>
<td>Författare</td>
<td>
<asp:TextBox ID="TextBoxAuthor" runat="server" /></td>
<td></td>
</tr>
<tr>
<td>Titel</td>
<td><asp:TextBox ID="TextBoxTitle" runat="server" /></td>
<td></td>
</tr>
</table>
<table>
<tr>
<td>Innehåll</td>
</tr>
<tr>
<td>
<fckeditorv2:FCKeditor ID="FCKeditor1" runat="server"></fckeditorv2:FCKeditor>
</td>
</tr>
</table>
<table>
<tr>
<td>Godkänn</td>
<td>
<asp:CheckBox ID="CheckBoxActive" runat="server" /></td>
</tr>
<tr>
<td colspan="2">
<asp:Button ID="ButtonSave" runat="server" Text="Spara" OnClick="ButtonSave_Click" />
<asp:Button ID="ButtonDelete" runat="server" Text="Radera" OnClick="ButtonDelete_Click" />
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</ContentTemplate>
</ajaxToolkit:TabPanel>
</ajaxToolkit:TabContainer>
</code>