Solved

Modal page in asp.net

Posted on 2016-09-27
3
28 Views
Last Modified: 2016-11-08
I have a page that is open by a button's event. But this aspx is opened in another page, and I need to open it in the same page as a modal window.
Can anyone help me with that?
0
Comment
Question by:Fábio Menezes
3 Comments
 
LVL 21

Accepted Solution

by:
Tapan Pattanaik earned 250 total points
ID: 41818243
Hi Fábio Menezes,

This is a sample example. For more details Please check the below links.

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

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

            <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
                CancelControlID="btnCancel" OkControlID="btnOkay"
                TargetControlID="Button1" PopupControlID="Panel1"
                PopupDragHandleControlID="PopupHeader" Drag="true"
                BackgroundCssClass="ModalPopupBG">
            </cc1:ModalPopupExtender>

            <asp:Panel ID="Panel1" Style="display: none" runat="server">
                <div class="HellowWorldPopup">
                    <div class="PopupHeader" id="PopupHeader">Header</div>
                    <div class="PopupBody">
                        <p>This is a simple modal dialog</p>
                    </div>
                    <div class="Controls">
                        <input id="btnOkay" type="button" value="Done" />
                        <input id="btnCancel" type="button" value="Cancel" />
                    </div>
                </div>
            </asp:Panel>

Open in new window

ASP.NET AJAX Control Toolkit ModalPopupExtender Control in Action:
http://www.codeproject.com/Articles/34996/ASP-NET-AJAX-Control-Toolkit-ModalPopupExtender-Co

AJAX Control Toolkit ModalPopupExtender Tutorial in ASP.NET C#:
http://www.ajaxtutorials.com/asp-net/ajax-control-toolkit-modalpopupextender-tutorial-in-asp-net-c/

Building Modal Popup using ASP.Net AJAX ModalPopupExtender Control :
http://www.aspsnippets.com/Articles/Building-Modal-Popup-using-ASPNet-AJAX-ModalPopupExtender-Control.aspx
0
 
LVL 50

Assisted Solution

by:Ryan Chong
Ryan Chong earned 250 total points
ID: 41819176
you can also try some plugins for your page as well, for examples, check this article

14 jQuery Modal Dialog Boxes
https://www.sitepoint.com/14-jquery-modal-dialog-boxes/
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

ASP.Net to Oracle Connectivity Recently I had to develop an ASP.NET application connecting to an Oracle database.As I am doing it first time ,I had to solve several problems. This article will help to such developers  to develop an ASP.NET client…
IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
This Micro Tutorial will give you a basic overview how to record your screen with Microsoft Expression Encoder. This program is still free and open for the public to download. This will be demonstrated using Microsoft Expression Encoder 4.
Finds all prime numbers in a range requested and places them in a public primes() array. I've demostrated a template size of 30 (2 * 3 * 5) but larger templates can be built such 210  (2 * 3 * 5 * 7) or 2310  (2 * 3 * 5 * 7 * 11). The larger templa…

831 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question