Open a ModalPopup window on button click in a gridview using asp.net

-
Open a ModalPopup window on button click in a gridview using asp.net

1.        First we need to add ajaxtoolkit in our solution. So u can download ajaxcontrol toolkit from this link
                         https://www.dllme.com/dll/files/ajaxcontroltoolkit_dll.html
2.        Add ajax control to yr toolbar
3.        Right click under area of  toolbox
=>choose item



=> Click Browse and navigate to the packages folder that Visual Studio 2012 creates with your source. Something like this: ..\packages\AjaxControlToolkit.7.0123\lib\40\AjaxControlToolkit.

=>open
Write the below code to aspx page
          <form id="form1" runat="server">
        <asp:ScriptManager ID="ddd" runat="server"></asp:ScriptManager>



<asp:UpdatePanel ID="UpdatePanel1" runat="server">
   <ContentTemplate>
       <asp: Panel ID="pnlModalDemo" runat="server" CssClass="WhiteBG"  
                       Style="width: 455px; padding: 5px; min-height: 96px; display: none;">
         <table width="100%" style="width: 100%; height: 100%;" cellpadding="0"
                         cellspacing="5">
             <tr style="background-color: #FA1818">
               <td colspan="2" style="color: White; font-weight: bold; font-size: 1.2em; padding: 3px"
                                align="center">Details<asp:LinkButton ID="btnClose" Style="color: white; float: right; text-decoration: none" CommandName="Cancel" runat="server">X</asp:LinkButton>

                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" style="width: 45%; text-align: center;">
                                <asp:Label ID="LabelValidate" runat="server" />
                            </td>
                        </tr>
                        <asp:Label ID="lblID" runat="server" Visible="false"></asp:Label>
                        <tr>
                            <td align="right">First Name :
                            </td>
                            <td>
                                <asp:TextBox ID="txtFirst" runat="server" />
                            </td>
                        </tr>
                        <tr>
                            <td align="right">LastName :
                            </td>
                            <td>
                                <asp:TextBox ID="txtLast" runat="server" />
                              
                            </td>
                        </tr>
                        <tr>
                            <td align="right">Country:
                            </td>
                            <td>
                               <%-- <asp:TextBox ID="txtCon" runat="server" />--%>
                               <%-- <asp:Label ID="lblCunt" runat="server" Text='<%# Eval("City")%>' Visible = "false"></asp:Label>--%>

                                  <asp:DropDownList ID="DropDownList1"  runat="server">
                             </asp:DropDownList>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">City :
                            </td>
                            <td>
                                <asp:TextBox ID="txtCty" runat="server" />
                            </td>
                        </tr>
                        <tr>

                            <td>
                                <asp:Button ID="btnAdd" Text="Add" runat="server" OnClick="btnAdd_Click" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" style="width: 45%; text-align: center;">
                                <asp:Label ID="lblresult" runat="server" />
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <%-- <td>       
                        <asp:Button ID="btnUpdate" CommandName="Update" runat="server" CssClass="btn btn-info" BorderStyle="None" Font-Size="X-Large" OnClick="btnUpdate_Click" Text="Update" Height="46px" Width="110px" BackColor="#84C639" ForeColor="White" ToolTip="Click here to Register" />
                    </td>--%>
                        </tr>
                    </table>
                    <br />

                    <asp:Button ID="btnCancel" Text="Cancel" runat="server" />
                </asp:Panel>

                <asp:LinkButton ID="lnkFake" runat="server">
                </asp:LinkButton>

                <cc1:ModalPopupExtender ID="mpModalDemo" runat="server" PopupControlID="pnlModalDemo"
                    TargetControlID="lnkFake" BackgroundCssClass="modalpopup" BehaviorID="btnAdd"
                    CancelControlID="btnCancel">
                </cc1:ModalPopupExtender>

            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="btnAdd" EventName="Click" />

            </Triggers>
        </asp:UpdatePanel>








Comments

Post a Comment

Popular posts from this blog

Kendo Control(Dynamics)

-
Image
21. Kendo Button:             Write the below code in view                 <div>                     @( Html.Kendo().Button()    .Name( "btnShare" )   .Content( "Share" )   .HtmlAttributes( new  { type =  "button" , @class =  "btn btn-primary" ,      style =  "height:30px; width:120px; border-radius:0;padding: 3px;"  })                        .Events(e => e.Click( "btnShare_Click" ))                  ) </div> <script>      ...
Read more

Override Authorize Filters in MVC

-
Image
Override Authorize Filters in MVC Authorize Filter: It is to limit the access for a user or user specific to the role. Implementation of Override Authorize filters in MVC Step1: Add a controller and named it as HomeController Add [Authorize] attribute before an action or a controller based on the requirement. Suppose user want to restrict the access of particular controller but allow some of action of that controller. So just add [Authorize] before controller                using System; using System.Web.Mvc; using System.Web.Mvc.Filters; namespace WebApplication1.Controllers {     [ Authorize ]     public class HomeController : Controller     {     } } Step 2: Create a class and named it as OverrideAuthorizeAttribute which should inherit AuthorizeAttribute and Implements IOverrideFilter    public ...
Read more

Form Validation

-
Image
How to validate a form using Jquery Write the below code : < form action ="" id ="frmEnquiry" method ="post" novalidate ="novalidate">                 < p class ="your-para"> Your Name : </ p >                 < input type ="text" name ="Name" id ="Name" value ="" onfocus ="this .value= '' ; " onblur ="if ( this .value == '' ) { this .value = '' ;} ">                 < p class ="your-para"> Your Mail : </ p >                 < input type ="text" name ="Email" id ="Email" value ="" onfocus ="this .value= '' ; " onblur ="if ( this .value == '' ) { this .value = '' ;} ">        ...
Read more