How to show login form in modal popup window in ASP.NET

September 03, 2015 , 0 Comments

In this article i will show you how a login form appear in modal popup. I will give you an example of modal pop with login or register control. When we click on login button then modal popup appears with login form , now user can login from this window.

In previous article i explained how to show modal pop using JQuery. Here we use same article for modal popup but something change in division.

Source Code

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default11.aspx.cs" Inherits="Default11" %>

<%@ Register Src="~/logincontrol.ascx" TagPrefix="uc1" TagName="logincontrol" %>

<!DOCTYPE html>

<html xmlns="">
<head runat="server">

    <link rel="stylesheet" href="" />
    <script src=""></script>
     <script src=""></script>

        $(function () {
            $('#Button1').click(function () {


                    title: "Login Control",
                    width: 500,
                    height: 500,
                    modal: true,
                    buttons: {
                        close: function () {





    <form id="form1" runat="server">
    <div id="popup" title="Login Form" style="display:none">
     UserName: <input id="Text1" type="text" /> <br />
Password: <input id="Text2" type="text" /> <br />
        <input id="loginbtn" type="button" value="Login" />

        <input id="Button1" type="button" value="click to login" />

Code Generate the following output

How to show login form in modal popup window in ASP.NET

Jacob Lefore

Some say he’s half man half fish, others say he’s more of a seventy/thirty split. Either way he’s a fishy bastard. Google