Modal Popup

Hi Ramco,

To avoid duplicating the modal popup code in each form, you can centralize it in a single place and reuse it across your application. Here’s how you can do it:

1. Create a Partial View for the Modal:

• You can create a partial view that contains the modal code. This partial view can be included in any page where you need the modal.

• Steps:

  1. Create Partial View:

     • Right-click on the Views/Shared folder (or any other folder) and select Add -> View.
     • Name the view _DeleteModal.cshtml.
     • In the view, add the modal code:

    

        

            

                
            
            ×
        
        

            

                

            
        
        

            Cancel
            Delete
        
    

2. Include Partial View in Your Pages:

• In any view where you want to use this modal, simply include the partial view:

@Html.Partial("_DeleteModal")

2. Alternative Using Layout or Master Page:

• If you need this modal on many pages, you can add the modal code directly to your layout or master page, so it’s available throughout your application.

• Steps:

  • Open your Layout.cshtml (or master page if using WebForms).
  • Add the modal code before the closing tag:

  
      @Html.Partial("_DeleteModal")
  
  

• Then, use JavaScript or server-side logic to trigger this modal when needed.

3. Triggering the Modal:

• To trigger the modal from different parts of your application, you can use JavaScript or server-side code to open it when required:

$('#deleteModal').modal('show');

This approach centralizes the modal code, making your application more maintainable and easier to manage. Now, you only need to update the modal in one place if any changes are required.