Hi
I am asp.net developer.
I am using ajax update progress in my application. it is working fine.
I want to show a model div under update progress so that no one can perform anything until "loading.." message is visible.
I have done it...but the only thing is that div under update progress is not model..
My code is like below..
<asp:UpdatePanel ID="MyUpdatePanel" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Button ID="btnProcess" runat="server" Text="Process" />
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="updateProgress" runat="server">
<ProgressTemplate>
<div id="progressBackgroundFilter" class="Process">
</div>
<div id="processMessage" class="Loading">
<label style="font-weight: bold; color: Red;">
Loading...</label>
<img alt="Loading" src="image/loading1.gif" />
</div>
</ProgressTemplate>
</asp:UpdateProgress>
And the css im using are:-
.Process
{
position:absolute;
top:5%;
left:5%;
width:90%;
height:90%;
z-index:1001;
background-color:#dddddd;
}
.Loading
{
position:absolute;
top:30%;
left:43%;
padding:10px;
width:14%;
z-index:1001;
background-color:#ffffff;
}
Please help me in this issue..
Thanks & Regards,
Abdul Javed Khan