Post
Ask Question

Jquery Message Popup in .NET using C#

Code For design page(Aspx/ascx): Here you need to import the JS and css code from google you can easily get.

Click below link and download jS and CSS:

  1. <%--popup--%>  
  2.   
  3.     <script src="../_layouts/15/Yourfoldername/popup/jquery.min.js"></script>  
  4.   
  5.     <script src="../_layouts/15/yourfoldername/popup/Popup1.js"></script>  
  6.   
  7.     <link href="../_layouts/15/yourfoldername/popup/popupman.css" rel="stylesheet" />  
  8.   
  9.     <link href="../_layouts/15/yourfoldername/Style/webpartstyle.css" rel="stylesheet" />  
  10.   
  11.   
  12.     <script type="text/javascript">  
  13.         function ShowPopup1(message)   
  14.     {  
  15.   
  16.             $(function()  
  17.               {  
  18.   
  19.                 $("#dialog").html(message);  
  20.                 $("#dialog").dialog(  
  21.                   {  
  22.   
  23.                     title: "Message",  
  24.   
  25.                     buttons:  
  26.                     {  
  27.   
  28.                         Close: function()   
  29.                         {  
  30.   
  31.                             $(this).dialog('close');  
  32.   
  33.                         }  
  34.   
  35.                     },  
  36.                     modal: true  
  37.                 });  
  38.   
  39.             });  
  40.   
  41.         }  
  42.     </script>  

Div for popup display:

You have to create one div to display the popup. 

  1. <div id="dialog" style="display: none">  
  2.   
  3. </div>  

C# code to call that popup into code:

  1. Page.ClientScript.RegisterStartupScript(this.GetType(), "Popup", "ShowPopup1('RFP Has Been Created Successfully.');", true);