Pop-up window in ASP.net

Question

Hello, I want to Open a pop-up like in following link for the first time site open on any PC: http://www.nomorerack.com/ (IN ASP.NET) L ooking forward for kind response. Thanks.

Dorababu Meka · Answer

Copy paste my code which is in note pad file and on server side write as follows using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class modal1 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { ModalPopupExtender1.Show(); } } protected void btnDone_Click(object sender, EventArgs e) { ModalPopupExtender1.Hide(); } }

Sukesh Marla · Answer

Use following link http://jqueryui.com/demos/dialog/#modal

ib bellad · Answer

https://www.script-tutorials.com/css3-modal-popups/ https://www.script-tutorials.com/demos/222/index.html#close

Neha Sharma · Answer

Yes,currently i am facing two problem, 1-Pop up in a proper way 2-http://www.c-sharpcorner.com/forums/thread/183090/datalist-click-image.aspx Looking forward for your kind help. Thx

Dorababu Meka · Answer

That is different from your requirement i think so. Is that another requirement

Neha Sharma · Answer

Hello, Please have a look over this thread: http://www.c-sharpcorner.com/forums/thread/183090/datalist-click-image.aspx L ooking forward for your kind response. Thx.

Neha Sharma · Answer

Hello, I want to add an close button or as i click out side from pop up it have to be closed,or it must be look in center,please have a look on the image in below link: http://www.c-sharpcorner.com/forums/uploadfile/9f0ae2/08152012022230am/Untitled.jpg T Hx.

Dorababu Meka · Answer

Didn't get you what you mean by close button do you want to close popup on close

Neha Sharma · Answer

Hello Dorababu M, Thx for your response, It's working now but not in a proper way without close button etc please have a look on the above image at run time view. Looking forward for your kind response. Thx.

Dorababu Meka · Answer

So finally it works ?

Neha Sharma · Answer

Hello Dorababu Thx for your kind reply, Here is my Code at Design: function ok(sender, e) { $find('# ').hide(); __doPostBack('Button1', e); } function cancel(sender, e) { $find('# ').hide(); } function pageLoad(sender, args) { //Note that the OnKeyPress event handler will not work unless you register it with the Microsoft AJAX //Library. The best place to run this registration code is the pageLoad function, like so: $addHandler(document, "keydown", onKeyDown); } function onKeyDown(args) { //Closing the Popup Using the Esc Key if (args.keyCode == Sys.UI.Key.esc) { $find(' ').hide(); } if (args.keyCode == Sys.UI.Key.enter) { $find(' ').hide(); } } function closepopup1() { $find(' ').hide(); } PopupControlID="Panel7" CancelControlID="Button1" BackgroundCssClass="modalBackground"> > Login           background-repeat: no-repeat;">                                                                                                     Not a member ?                                                                                                     Register   Email :   ErrorMessage="* Enter Valid Email" SetFocusOnError="True" Style="font-size: 8pt"> ErrorMessage="* Your Invlid Email ID" Style="font-size: 8pt" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">   Password :   Width="200px" Height="24px"> ErrorMessage="* Enter Valid Password" SetFocusOnError="True" Style="font-size: 8pt">   OnClick="Button1_Click" />   Forgot Your Password? Recover it here       :     Here is my code at .cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data; using System.Data.SqlClient; public partial class Login_popup : System.Web.UI.Page { myconn conn = new myconn(); protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { ModalPopupExtender1.Show(); } //if (Session["uid"] != null) //{ // Panel1.Visible = true; // Label1.Text = "You are already Logged In"; //} } protected void btnDone_Click(object sender, EventArgs e) { ModalPopupExtender1.Hide(); } Here is run time view

Dorababu Meka · Answer

Have you written this code in page load... If(!IsPostBack) { modalpopup.show(); } Also show the modal pop up where ever needed on click event and you can hide it by using modalpopup.Hide();

Neha Sharma · Answer

DONE, But not showing anything at the place of login. Looking forward for your kind response. Thx.

Sukesh Marla · Answer

remove display:none from panel 7 Dont Forget to check this is correct answer

Neha Sharma · Answer

Hello Sukesh Marla, I'v done all,now no error,but still popup doesnt occur. Looking forward for your kind reply. Thx

Sukesh Marla · Answer

while registering dll you have used tagprefix as aspx aspx " %> just make it asp. Dont Forget to check this is correct answer :)

Neha Sharma · Answer

Hello Sukesh Marla, Thx for your kind response, But it consisting many files as source so i cant share rar file here sorry. Looking forward for your kind response. Thx

Neha Sharma · Answer

Hello Mahak Gupta Thx for your kind reply, i want to open page like a pop up, Thx.

Sukesh Marla · Answer

please share complete solution as zip/rar,

Neha Sharma · Answer

Hello Sukesh Marla, function ok(sender, e) { $find('# ').hide(); __doPostBack('Button1', e); } function cancel(sender, e) { $find('# ').hide(); } function pageLoad(sender, args) { //Note that the OnKeyPress event handler will not work unless you register it with the Microsoft AJAX //Library. The best place to run this registration code is the pageLoad function, like so: $addHandler(document, "keydown", onKeyDown); } function onKeyDown(args) { //Closing the Popup Using the Esc Key if (args.keyCode == Sys.UI.Key.esc) { $find(' ').hide(); } if (args.keyCode == Sys.UI.Key.enter) { $find(' ').hide(); } } function closepopup1() { $find(' ').hide(); } PopupControlID="Panel7" CancelControlID="Button1" BackgroundCssClass="modalBackground"> Style="display: none"> Login           background-repeat: no-repeat;">                                                                                                     Not a member ?                                                                                                     Register   Email :   ErrorMessage="* Enter Valid Email" SetFocusOnError="True" Style="font-size: 8pt"> ErrorMessage="* Your Invlid Email ID" Style="font-size: 8pt" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">   Password :   Width="200px" Height="24px"> ErrorMessage="* Enter Valid Password" SetFocusOnError="True" Style="font-size: 8pt">   OnClick="Button1_Click" />   Forgot Your Password? Recover it here       :

Sukesh Marla · Answer

Then plz share the source code

Neha Sharma · Answer

yes i have done that also.

Sukesh Marla · Answer

did u registerd the dll using Register tag Don't forget to check this is correct answer. If yes then plz share code with me as zip , i will take a look and let u knw

Neha Sharma · Answer

Hello Sukesh Marla, Thx for your kind response, I am already using that,but stil green underline is apperaing there. Looking forward for your kind response. Thx.

Sukesh Marla · Answer

You are supposed to add AjaxControlToolkit reference,please download the attached one. and then put below line just below Page Directive Don't forget to check this is correct answer

Neha Sharma · Answer

Hello Dorababu M t hx for your kind response, I have what you told but i cant understand the Ajax copy paste,please take a look on the below image:

Mahak Gupta · Answer

Read my article for this: http://www.c-sharpcorner.com/uploadfile/mahakgupta/textsearch-with-overlay-screenajax/

Sukesh Marla · Answer

Its simple, See i have used ModelPopu Extender as well as JquRy Popup. and by experinece jquery will be better. Steps to convert 1.Convert Ur Login Page To Login Control(it wont take much time, just nned to change the page directive to usercontrol) 2.create div tag(with id ModalDiv) inside ur main Page and put entire login control inside it. Write following code in ur main page $(function() { // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore! $( "# ModalDiv " ).dialog( "destroy" ); $( "# ModalDiv l" ).dialog({ height: 140, modal: true }); }); Thats it

Dorababu Meka · Answer

Are you using Ajax in your project if so copy paste the text from file and let me know. And as you are using master pages add this in your master page

Neha Sharma · Answer

Hello Dorababu M, Thx, for your kind reply, I am doing but due to lack of knowledge i am unable to do this,i am waiting for your kind response. Looking forward for your kind response. Thx

Dorababu Meka · Answer

Just place AJAX modal pop up extender and write down all the stuff you required in that and do as per i said let me try ur code and post you

Neha Sharma · Answer

Hello Dorababu M , thx for your kind help, Here is my code look like now i want to convert it all into an pop up winodw for the first time of page load when sesion is null: Login           style="width: 528px; height: 416px; background-color: #ffffff; background-image: url('images/bg.jpg'); background-repeat: no-repeat;">                                                                                                     Not a member ?                                                                                                     NavigateUrl="~/Registration.aspx">Register   Email :   ErrorMessage="* Enter Valid Email" SetFocusOnError="True" style="font-size: 8pt"> ControlToValidate="txtUserName" ErrorMessage="* Your Invlid Email ID" style="font-size: 8pt" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">   Password :   Width="200px" Height="24px"> ErrorMessage="* Enter Valid Password" SetFocusOnError="True" style="font-size: 8pt">   BorderStyle="Ridge" onclick="Button1_Click" />   Forgot Your Password? NavigateUrl="~/Forgotpassword.aspx">Recover it here       :

Dorababu Meka · Answer

Use AJAX Modal popup extender, design the necessary login information in that and in Page load call if(!ispostback) { modalpopup.show(); }

Neha Sharma · Answer

hello, Thx for your kind reply but i wna tit in asp.net.i've completed the login page now i want to convert it in a pop up window like the given link. looking forward for your kind response. Thx

Pop-up window in ASP.net

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (34)