forum

Home / DeveloperSection / Forums / How to Create modal Pop-Up form in asp.net using vb.net

Ask Question
Vrahmdev Tiwari

Vrahmdev Tiwari

Follow
My name is Vrahm Dev Tiwari. I have Completed BCA from Punjab Technical University in 2012. I am working as .Net Developer freelancer. Already work done with many more web projects on C# .net using SQL Server Database.

Can you answer this question?

Answer

2 Answers

Aryan Kumar

Aryan Kumar

06-Jul-2023

Sure, I can help you with that. Here are the steps on how to create modal pop-up form in ASP.NET using VB.NET:

  1. Create a new ASP.NET webpage using VB.NET.
  2. Add a Panel control to the page.
  3. Add the following markup to the Panel control:

VB.Net

<asp:Panel ID="ModalPanel" runat="server" Width="500px">
    <asp:Button ID="OKButton" runat="server" Text="Close" />
</asp:Panel>
  1. Add a ModalPopupExtender control to the page.
  2. Set the ModalPopupExtender control's TargetControlID property to the ID of the Panel control.
  3. Set the ModalPopupExtender control's PopupControlID property to the ID of the Panel control.
  4. Add an event handler for the ModalPopupExtender control's PopupOpened event.
  5. In the event handler, do whatever you want to do when the modal pop-up form is opened.

Here is an example of the code you would need to create modal pop-up form in ASP.NET using VB.NET:

VB.Net

<%@ Page Language="VB" AutoEventWireup="true" CodeBehind="ModalPopup.aspx.vb" Inherits="ModalPopup.ModalPopup" %>

<html>
<head>
    <title>Modal Popup</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Button ID="Button1" runat="server" Text="Open Modal Popup" />
        <asp:Panel ID="ModalPanel" runat="server" Width="500px">
            <asp:Button ID="OKButton" runat="server" Text="Close" />
        </asp:Panel>
        <asp:ModalPopupExtender ID="mpe" runat="server" TargetControlID="Button1" PopupControlID="ModalPanel" />
    </form>
</body>
</html>

Public Class ModalPopup

    Protected Overrides Sub PopupOpened(ByVal sender As Object, ByVal e As EventArgs)
        ' Do whatever you want to do when the modal pop-up form is opened.
    End Sub

End Class

This code will create a modal pop-up form and bind it to the page. When the user clicks the "Open Modal Popup" button, the modal pop-up form will be opened. The PopupOpened event handler will be raised when the modal pop-up form is opened.

Prakash nidhi Verma

Prakash nidhi Verma

08-Jul-2018

How to Create modal Pop-Up form in asp.net using vb.net :

The ModalPopup create a modal popup using client-side means it's control in the AJAX Control Toolkit offers triggered on the server-side. use this below code for create model pop-up : 

<asp:Button ID="ClientButton" runat="server" Text="Launch 
 Modal Popup (Client)" />


<ajaxToolkit:ModalPopupExtender ID="mpe" runat="server"

 TargetControlId="ClientButton" PopupControlID="ModalPanel" 

 OkControlID="OKButton"/>



<asp:ScriptManager ID="asm" runat="server" />

<asp:Button ID="ServerButton" runat="server" Text="Launch Modal Popup (Server)"  
 OnClick="ServerButton_Click" />

<script type="text/javascript"> 
 var launch = false;

 function launchModal() 

 {

 launch = true;

 }

example: 

<form id="form1" runat="server"> 
    <div>

        <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">

        </asp:ToolkitScriptManager>

        <asp:Button ID="Button1" runat="server" Text="fill form" />

        <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" CancelControlID="Button2" TargetControlID="Button1" PopupControlID="Panel1">

        </asp:ModalPopupExtender>

        <asp:Panel ID="Panel1" runat="server" CssClass="Popup" align="center" style = "display:none">

        <iframe style=" width: 350px; height: 300px;" id="irm1" src="test2.aspx" runat="server"></iframe>

        <br/>

        <asp:Button ID="Button2" runat="server" Text="Close" />

        </asp:Panel>

    </div>

    </form>

Liked By