How to create pop window in asp.net

Question

Hakoo 14 Junior Poster

12 Years Ago

Hello All,

I want to create new pop window like this site have while login. How can I do this?

Thanking you,
Hakoo Desai.

asp.net

8 Contributors
18 Replies
606 Views
1 Year Discussion Span
Latest Post 11 Years Ago Latest Post by sunnivasa

All 18 Replies

mono_jit23 1 Junior Poster in Training

12 Years Ago

you can try Ajax extender for modalPopUp is asp.net...
try this link.....http://www.asp.net/ajax/ajaxcontroltoolkit/samples/modalpopup/modalpopup.aspx

crishlay 0 Junior Poster

12 Years Ago

Hello All,
I want to create new pop window like this site have while login. How can I do this?
Thanking you,
Hakoo Desai.

window.open ("http://www.axistechnolabs.com","mywindow","status=1");

TimCadieux 0 Newbie Poster

11 Years Ago

Complete Tutorial here

http://everymanprogrammer.com/index.php/using-the-ajax-modalpopup-a-beginners-guide

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

Hakoo 14 Junior Poster · Answer 1 · 2011-04-20T18:39:24+00:00

Hello,
We tried to use this extender and googled with so many examples but none of that are working. Here, I am putting my snapshot of sample code,

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <style type="text/css">
             .modal {
  background-color:Gray;
  filter:alpha(opacity=70);
  opacity:0.7;
}
.modalPopup {
  background-color:#EEEEEE;
  border-width:3px;
  border-style:solid;
  border-color:Gray;
  font-family:Verdana;
  font-size:medium;
  padding:3px;
  width:250px;
}

    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" 
            BackgroundCssClass="modal" DropShadow="True" PopupControlID="Panel1" 
            TargetControlID="lnk" CacheDynamicResults="True">
        </asp:ModalPopupExtender>
        <asp:LinkButton ID="lnk" runat="server">LinkButton</asp:LinkButton>
        
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                 <ContentTemplate>
                  <asp:Panel ID="Panel1" CssClass="modalPopup" runat="server">
                  doihglkjosaklnglknqeoivgoiwr;ctwrgrg</asp:Panel>
                 </ContentTemplate>
        </asp:UpdatePanel>
    
    
    </div>
    </form>
</body>
</html>

Thanking you,
Hakoo Desai.

pinkygirl -3 Junior Poster in Training · Answer 2 · 2011-04-21T18:32:47+00:00

hi Hakoo, try this:-

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<style type="text/css">
.modalBackground
{
background-color: Gray;
filter: alpha(opacity=80);
opacity: 0.8;
z-index: 10000;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ToolkitScriptManager ID="ScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<div>
<asp:GridView runat="server" ID="gvdetails" DataKeyNames="UserId" AutoGenerateColumns="false">
<RowStyle BackColor="#EFF3FB" />
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:TemplateField HeaderText="Edit">
<ItemTemplate>
<asp:ImageButton ID="imgbtn" ImageUrl="~/Edit.jpg" runat="server" Width="25" Height="25" onclick="imgbtn_Click" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="UserName" HeaderText="UserName" />
<asp:BoundField DataField="FirstName" HeaderText="FirstName" />
<asp:BoundField DataField="LastName" HeaderText="LastName" />
<asp:BoundField DataField="City" HeaderText="City" />
<asp:BoundField DataField="Designation" HeaderText="Designation" />
</Columns>
</asp:GridView>
<asp:Label ID="lblresult" runat="server"/>
<asp:Button ID="btnShowPopup" runat="server" style="display:none" />
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnShowPopup" PopupControlID="pnlpopup"
CancelControlID="btnCancel" BackgroundCssClass="modalBackground">
</asp:ModalPopupExtender>
<asp:Panel ID="pnlpopup" runat="server" BackColor="White" Height="269px" Width="400px" style="display:none">
<table width="100%" style="border:Solid 3px #D55500; width:100%; height:100%" cellpadding="0" cellspacing="0">
<tr style="background-color:#D55500">
<td colspan="2" style=" height:10%; color:White; font-weight:bold; font-size:larger" align="center">User Details</td>
</tr>
<tr>
<td align="right" style=" width:45%">
UserId:
</td>
<td>
<asp:Label ID="lblID" runat="server"></asp:Label>
</td>
</tr>
<tr>
<td align="right">
UserName:
</td>
<td>
<asp:Label ID="lblusername" runat="server"></asp:Label>
</td>
</tr>
<tr>
<td align="right">
FirstName:
</td>
<td>
<asp:TextBox ID="txtfname" runat="server"/>
</td>
</tr>
<tr>
<td align="right">
LastName:
</td>
<td>
<asp:TextBox ID="txtlname" runat="server"/>
</td>
</tr>
<tr>
<td align="right">
City:
</td>
<td>
<asp:TextBox ID="txtCity" runat="server"/>
</td>
</tr>
<tr>
<td align="right">
Designation:
</td>
<td>
<asp:TextBox ID="txtDesg" runat="server"/>
</td>
</tr>
<tr>
<td>
</td>
<td>
<asp:Button ID="btnUpdate" CommandName="Update" runat="server" Text="Update" onclick="btnUpdate_Click"/>
<asp:Button ID="btnCancel" runat="server" Text="Cancel" />
</td>
</tr>
</table>
</asp:Panel>
</div>
</form>
</body>
</html>


using System.Configuration;
using System.Data;
using System.Data.SqlClient;
using System.Drawing;
SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["dbconnection"].ToString());
protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack)
{
BindGridData();
}
}
protected void BindGridData()
{
con.Open();
SqlCommand cmd = new SqlCommand("Select * from Employee_Details", con);
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataTable dt = new DataTable();
da.Fill(dt);
gvdetails.DataSource = dt;
gvdetails.DataBind();
}
protected void btnUpdate_Click(object sender, EventArgs e)
{
con.Open();
SqlCommand cmd = new SqlCommand("update Employee_Details set FirstName=@FirstName,LastName=@LastName, City=@City,Designation=@Designation where UserId=@UserId", con);
cmd.Parameters.AddWithValue("@FirstName", txtfname.Text);
cmd.Parameters.AddWithValue("@LastName", txtlname.Text);
cmd.Parameters.AddWithValue("@City", txtCity.Text);
cmd.Parameters.AddWithValue("@Designation", txtDesg.Text);
cmd.Parameters.AddWithValue("@UserId", Convert.ToInt32(lblID.Text));
cmd.ExecuteNonQuery();
con.Close();
lblresult.Text = lblusername.Text + " Details Updated Successfully";
lblresult.ForeColor = Color.Green;
BindGridData();
}
protected void imgbtn_Click(object sender, ImageClickEventArgs e)
{
ImageButton btndetails = sender as ImageButton;
GridViewRow gvrow = (GridViewRow)btndetails.NamingContainer;
lblID.Text = gvdetails.DataKeys[gvrow.RowIndex].Value.ToString();
lblusername.Text = gvrow.Cells[1].Text;
txtfname.Text = gvrow.Cells[2].Text;
txtlname.Text = gvrow.Cells[3].Text;
txtCity.Text = gvrow.Cells[4].Text;
txtDesg.Text = gvrow.Cells[5].Text;
this.ModalPopupExtender1.Show();
}

Hakoo 14 Junior Poster · Answer 3 · 2011-04-22T11:21:55+00:00

Hello Pinkygirl,

Thanks for your code. But I am more interested to find error in my code. Is there any restriction on PopupControlID and TargetControlID? I mean, only limited controls can be given as ID? I have seen example where PopupControlID is Panel and TargetControlID is Button. But those are not working for me.

Anyways, I will try your code and let u know.
Thanking You,
Hakoo Desai.

pinkygirl -3 Junior Poster in Training · Answer 4 · 2011-04-22T12:09:23+00:00

Hey Hakoo, I haven't tried modal pop up before. It's because I have the latest version of ajax and my ms visual studio is of 2005, so it won't work.

I got these codes from the internet.

Hope it helps

:) Take care

Hakoo 14 Junior Poster · Answer 5 · 2011-04-22T13:19:12+00:00

Hakoo 14 Junior Poster

12 Years Ago

Yup, This code is working.
Thanks.

Hakoo 14 Junior Poster · Answer 6 · 2011-04-22T13:20:04+00:00

For your solution, you can get old ajax version from its site.

pinkygirl -3 Junior Poster in Training · Answer 7 · 2011-04-22T13:59:32+00:00

No problem, I tried searching but i aint getting it. My sir won't even give me..

Hakoo 14 Junior Poster · Answer 8 · 2011-04-22T17:20:07+00:00

Hello,
@pinkygirl : see this site, http://ajaxcontroltoolkit.codeplex.com/releases/view/11121

@chrishlay : That will open new browser window, that I don't want.

pinkygirl -3 Junior Poster in Training · Answer 9 · 2011-04-22T23:03:19+00:00

pinkygirl -3 Junior Poster in Training

12 Years Ago

wow..thanks Hakoo :)

Hakoo 14 Junior Poster · Answer 10 · 2011-04-23T10:19:44+00:00

Hakoo 14 Junior Poster

12 Years Ago

Its my pleasure.

pinkygirl -3 Junior Poster in Training · Answer 11 · 2011-04-23T14:04:57+00:00

pinkygirl -3 Junior Poster in Training

12 Years Ago

umm one problem,, which link should I click?

adobe71 0 Junior Poster in Training · Answer 12 · 2011-04-24T12:27:23+00:00

<script language="javascript" type="text/javascript">
    function popwin()
    {
      var w=window.Open("yourpage.html",'PageTitle','toolbar=no,width=300,height=400');
     w.window.focus();
    }   
    </script>

Use this javascript code between <head> tag.Call it on button click.

aspproject -9 Junior Poster in Training Banned · Answer 13 · 2011-04-26T19:42:32+00:00

aspproject -9 Junior Poster in Training

12 Years Ago

use modelpopup or ajax pop up for login control popup

Hakoo 14 Junior Poster · Answer 14 · 2011-04-29T15:27:15+00:00

Hello all,
I used ModalpopupExtender. But having porblem in that. My targetID is linkbutton and PopupID is Panel. By giving this, its working fine.

But, problem is, I want show panel with some process, e.g. Manipulating rolls of login user and showing it. I put Breakpoint on lnkbtn_Click(). But it cannot be debugged only. Then, How to do this process?

In layman language, when I click to linkbutton, then some lines should execute and then related that result should be seen in Modal Popup.

Thanking You,
Hakoo S Desai.

sunnivasa 0 Newbie Poster · Answer 15 · 2012-09-18T08:39:59+00:00

sunnivasa 0 Newbie Poster

11 Years Ago

i want to write any code for link button or not

How to create pop window in asp.net

Recommended Answers Collapse Answers

All 18 Replies

Recommended Answers