Dynamic Modal PopUp

Hi Aman

  How i will check at server side that User Has pressed Delete button or Cancel button

Thanks

To centralize the code for the modal popup and the JavaScript functionality into a single place, you can use a User Control in ASP.NET. Here's a step-by-step guide on how you can do this:

1. Define the User Control:

   You've already created a User Control MBox.ascx. You should include the common JavaScript and modal HTML code in this file. Make sure the JavaScript is enclosed in script tags and that the modal HTML structure is correctly placed inside the user control.

   MBox.ascx:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MBox.ascx.cs" Inherits="Payroll.MBox" %>




    

        

            

                
            
            ×
        
        

            

                

                    
                
            
        
        

            Cancel
            Delete
        
    

Use the User Control in Your Pages:

Now, you can include this User Control in any page where you need the modal popup functionality. To do this, you need to register the User Control in your page and then include it where needed.

In your .aspx page:

<%@ Register Src="~/Controls/MBox.ascx" TagPrefix="uc" TagName="MBox" %>

Call the JavaScript Function from Your Code-Behind:

To trigger the JavaScript function from your code-behind, you can use ScriptManager.RegisterStartupScript to call the ShowPopup_Redirect function.

In your .aspx.cs page:

protected void SomeEventHandler(object sender, EventArgs e)
{
    string heading = "Confirmation";
    string body = "Are you sure you want to proceed?";
    string type = "warning";
    string url = "https://www.example.com";

    string script = $"ShowPopup_Redirect('{heading}', '{body}', '{type}', '{url}');";
    ScriptManager.RegisterStartupScript(this, GetType(), "ShowPopup", script, true);
}

1. Ensure Your JavaScript Libraries Are Included:

   Make sure that your page includes any required JavaScript libraries such as SweetAlert. You might include these libraries in your Master Page or specific pages where needed.

By centralizing the modal code in a User Control, you reduce duplication and make your codebase easier to maintain.

Hi Aman

  Can you plase provide me full sample as per above code. That is also User Control

Thanks

Hi Ramco,

To centralize the code for the modal popup and the JavaScript functionality into a single place, you can use a User Control in ASP.NET. Here's a step-by-step guide on how you can do this:

1. Define the User Control:

   You've already created a User Control MBox.ascx. You should include the common JavaScript and modal HTML code in this file. Make sure the JavaScript is enclosed in script tags and that the modal HTML structure is correctly placed inside the user control.

2. Use the User Control in Your Pages:

   Now, you can include this User Control in any page where you need the modal popup functionality. To do this, you need to register the User Control in your page and then include it where needed.

3. Call the JavaScript Function from Your Code-Behind:

   To trigger the JavaScript function from your code-behind, you can use ScriptManager.RegisterStartupScript to call the ShowPopup_Redirect function.

4. Ensure Your JavaScript Libraries Are Included:

   Make sure that your page includes any required JavaScript libraries such as SweetAlert. You might include these libraries in your Master Page or specific pages where needed.

Hope this helps you Ramco.

Thanks