While update panel is loading the webpage looks hanged out and inresponsive.To make it alive that page is loading while update panel trigger is fired we add update progress as follow :
<asp:UpdateProgress ID="updateProgress" runat="server" AssociatedUpdatePanelID="UpdatePanel1"
DisplayAfter="1">
<ProgressTemplate>
<div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0;
right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.8;">
<span style="border-width: 0px; position: fixed; padding: 50px; background-color: #FFFFFF;
font-size: 36px; left: 40%; top: 40%; color: Black">... Please Wait !! ...</span>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
Done !! :)
<asp:UpdateProgress ID="updateProgress" runat="server" AssociatedUpdatePanelID="UpdatePanel1"
DisplayAfter="1">
<ProgressTemplate>
<div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0;
right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.8;">
<span style="border-width: 0px; position: fixed; padding: 50px; background-color: #FFFFFF;
font-size: 36px; left: 40%; top: 40%; color: Black">... Please Wait !! ...</span>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
Done !! :)
Comments
Post a Comment