model pop up using asp.net c#

=>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

=>
<style type="text/css">
  .modalBackground {
            background-color: Black;
            filter: alpha(opacity=90);
            opacity: 0.8;
        }
.modal-dialog {
        margin: 30px auto;
        width: 600px;
    }
        .modalPopup {
            background-color: #FFFFFF;
            border-width: 3px;
            border-style: solid;
            border-color: black;
            border-radius: 6px;
            padding-top: 10px;
            padding-left: 10px;
            width: 300px;
            height: 140px;
            color: black;
        }
</style>
/////////////////////////////////////////////////
DEFAULT.ASPX
//////////////////////////////////////////

=>
 <asp:Button ID="btnShow" runat="server" Text="Show" Width="20" Height="20" OnClick="btnShow_Click" />

=>
 <button id="btnpopupTarget" runat="server" class="hide"></button>
 =>
<div id="mpdivVendorDetails" runat="server" visible="false">
                <ajaxToolkit:ModalPopupExtender ID="mpImage" runat="server" BackgroundCssClass="modalBackground" PopupControlID="div1"
                    TargetControlID="btnpopupTarget">
                </ajaxToolkit:ModalPopupExtender>
                <div class="modal-dialog" id="div1" runat="server">
                    <div class="modal-content" style="width: 1000px; margin-left: -200px;">
                        <div class="modal-header">
                            <asp:ImageButton ID="btnmpcancel" runat="server" CssClass="close img-rounded" Width="20" Height="20" ImageUrl="~/Images/cancel.png" OnClick="btnmpcancel_Click" />
                            <h4 class="modal-title" style="color: black; background-color: white;">Vendor Details</h4>
                        </div>
                        <div class="modal-body">
                            <div class="cspnlManagesuperadmin">
                                <div class="form-group text-center">
                                    <div style="overflow: scroll; width: 100%">
                                        <asp:GridView ID="gvVendorDetails" runat="server" EmptyDataText="No Records" HeaderStyle-BackColor="Red" HeaderStyle-ForeColor="White" BackColor="Black" AutoGenerateColumns="false" PageSize="9" CssClass="form-grid table" RowStyle-Height="20px" Width="2000px">
                                            <Columns>
                                                <asp:TemplateField HeaderText="Vendor Code" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorCode" runat="server" Text='<%#Eval("VendorCode")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Name" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorName" runat="server" Text='<%#Eval("VendorName")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Address1" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorAdd1" runat="server" Text='<%#Eval("VendorAdd1")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Address2" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorAdd2" runat="server" Text='<%#Eval("VendorAdd2")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Address3" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorAdd3" runat="server" Text='<%#Eval("VendorAdd3")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="State" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorState" runat="server" Text='<%#Eval("VendorState")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Contact No" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorContactNo" runat="server" Text='<%#Eval("VendorContactNo")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Mobile No" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorMobileNo" runat="server" Text='<%#Eval("VendorMobileNo")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Email ID" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorEmailID" runat="server" Text='<%#Eval("VendorEmailID")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="PAN No" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorPANNO" runat="server" Text='<%#Eval("VendorPANNO")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="STAX No" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorSTAXNO" runat="server" Text='<%#Eval("VendorSTAXNO")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="TAN No" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorTANNO" runat="server" Text='<%#Eval("VendorTANNO")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Service Type" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorServiceType" runat="server" Text='<%#Eval("VendorServiceType")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Bank A/C No" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorBankACNO" runat="server" Text='<%#Eval("VendorBankACNO")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Bank Name" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorBankName" runat="server" Text='<%#Eval("VendorBankName")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Bank IFSC Code" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorBankIFSC" runat="server" Text='<%#Eval("VendorBankIFSC")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Bank MICR Code" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorBankMICR" runat="server" Text='<%#Eval("VendorBankMICR")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Bank Branch" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblVendorBankBranch" runat="server" Text='<%#Eval("VendorBankBranch")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Is Agreement Done" ItemStyle-HorizontalAlign="Left">
                                                    <ItemTemplate>
                                                        <asp:Label ID="lblIsAgreementDone" runat="server" Text='<%#Eval("IsAgreementDone")%>'></asp:Label>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                            </Columns>
                                        </asp:GridView>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
/////////////////////////////////////////////////
DEFAULT.ASPX.CS
//////////////////////////////////////////
  protected void btnShow_Click(object sender, EventArgs e)
        {
            try
            {
                mpImage.Show();
            }
            catch (Exception ex)
            {
                throw ex;
            }
        }
  protected void btnmpcancel_Click(object sender, EventArgs e)
        {
            try
            {
                mpImage.Hide();
            }
            catch (Exception ex)
            {
                throw ex;
            }
        }

Comments

Popular posts from this blog

How to write Pure java script Program?