Open a webform in a popup

Aditi Goel

Hi, i have button inside a gridview . On clicking that button I have to open another webform but in the form of a dialog box where user can input values . It will be better if someone can give me an example of the code . Thank you in advance.!

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
step 1. Design the Gridview with a Linkbutton, and include bootstrap reference, we will use the bootstrap modal.
    "stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"/>
After this I’ve added Bootstrap plugin for working with bootstrap-

    "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js">

"background-color:mediumaquamarine;">
            "GridView1" AutoGenerateColumns="false" OnRowDataBound="GridView1_RowDataBound" runat="server">

                    "Product_Name" HeaderText="Product_Name" />
                    "Quantity" HeaderText="Quantity" />
                    "Price" HeaderText="Price" />
                    "Show related">

                            "lnkdetail" href="#myModal" data-toggle="modal" runat="server">Details

step 2. The bootstrap modal where we will use the iframe with the url of your second webform.

class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
class="modal-dialog">
class="modal-content">
class="modal-header">
"button" class="close" data-dismiss="modal">"true">×class="sr-only">Close
class="modal-title" id="myModalLabel">Cantidad reservas mensuales

class="modal-body" id="content">

"webform2.aspx"> // use url of second web form.

and that's it. It is simple.

Note:- you can also use the ajax toolkit modal extender for better performance.