Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion AI Tools Integration
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

Home Forums How to Create modal Pop-Up form in asp.net using vb.net – MindStick
Ask Question

2 Answers

Aryan Kumar
Aryan Kumar 06 Jul 2023
Report Abuse

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
Report Abuse

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>
advertising
Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md