Solved

Modal page in asp.net

Posted on 2016-09-27
3
24 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 49

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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Introduction This article shows how to use the open source plupload control to upload multiple images. The images are resized on the client side before uploading and the upload is done in chunks. Background I had to provide a way for user…
Exception Handling is in the core of any application that is able to dignify its name. In this article, I'll guide you through the process of writing a DRY (Don't Repeat Yourself) Exception Handling mechanism, using Aspect Oriented Programming.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Many functions in Excel can make decisions. The most simple of these is the IF function: it returns a value depending on whether a condition you describe is true or false. Once you get the hang of using the IF function, you will find it easier to us…

920 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now