ASP.NET - how to show jQuery Model dialog box through Asp.Net ajax

Asked By shah zeb on 22-Jan-12 04:58 AM

Hi,
i need to show jquery Model dialog box in the UpdateProgress.

<




asp:UpdateProgress ID="UpdateProgress2" runat="server">



<ProgressTemplate>
....Here i want to show modelDialogBox of jQuery.


</ProgressTemplate>

</asp:UpdateProgress>

How this can be done?
Regards
Shah

Jitendra Faye replied to shah zeb on 22-Jan-12 05:21 AM
Use UpdateProgress like this- Loading... The following method should be added to your CodeBehind file: protected void UpdateButton_Click(object sender, EventArgs e) { System.Threading.Thread.Sleep(5000); } Hope this will help you.
dipa ahuja replied to shah zeb on 22-Jan-12 05:30 AM
   <asp:ScriptManager ID="ScriptManager2" runat="server" />
    <asp:UpdateProgress runat="server" ID="PageUpdateProgress">
      <ProgressTemplate>
         <asp:Image ID="Image1" AlternateText="Loading..." runat="server" />
        </div>
      </ProgressTemplate>
    </asp:UpdateProgress>
    <asp:UpdatePanel runat="server" ID="Panel">
      <ContentTemplate>
 <asp:Button runat="server" ID="Button1" OnClick="Button1_Click" Text="Display" />
      </ContentTemplate>
    </asp:UpdatePanel>
 
protected void Button1_Click(object sender, EventArgs e)
{  
   //display loading symbol for 3 sec
  System.Threading.Thread.Sleep(3000);
}
 
shah zeb replied to dipa ahuja on 22-Jan-12 06:12 AM
Dipa i want a fade out effect on the entire screen with the dialog showing the animated gif image