How to increase height of Popup window ?

i want to increase height of popup window here is screen shot

here is my html

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MasterFilemp.aspx.cs" Inherits="WebApplication1.MasterFilemp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<link href="CSS/CSS.css" rel="stylesheet" type="text/css" />
<script src="scripts/jquery-1.3.2.min.js" type="text/javascript">script>
<script src="scripts/jquery.blockUI.js" type="text/javascript">script>
head>
<body style ="margin:500;padding:500">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<title>GridView Add, Edit, Delete AJAX Waytitle>
<asp:GridView ID="GridView1" runat="server" Width = "550px"
AutoGenerateColumns = "false" AlternatingRowStyle-BackColor = "#C2D69B"
HeaderStyle-BackColor = "green" AllowPaging ="true"
OnPageIndexChanging = "OnPaging"
PageSize = "15" >
<Columns>
<asp:BoundField DataField = "EnrollNumber" HeaderText = "Employee ID" HtmlEncode = "true" />
<asp:BoundField DataField = "EmpName" HeaderText = "Employee Name" HtmlEncode = "true" />
<asp:BoundField DataField = "FatherName" HeaderText = "Father Name" HtmlEncode = "true"/>
<asp:BoundField DataField = "CNIC" HeaderText = "CNIC" HtmlEncode = "true"/>
<asp:BoundField DataField = "SecNam" HeaderText = "Section" HtmlEncode = "true"/>
<asp:BoundField DataField = "JoinDate" HeaderText = "Join Date" HtmlEncode = "true"/>
<asp:BoundField DataField = "LeftDate" HeaderText = "Left Date" HtmlEncode = "true"/>
<asp:TemplateField ItemStyle-Width = "30px" HeaderText = "EnrollNumber">
<ItemTemplate>
<asp:LinkButton ID="lnkEdit" runat="server" Text = "Edit" OnClick = "Edit">asp:LinkButton>
ItemTemplate>
asp:TemplateField>
Columns>
<AlternatingRowStyle BackColor="#C2D69B" />
asp:GridView>
<asp:Button ID="btnAdd" runat="server" Text="Add" OnClick = "Add" />
<asp:Panel ID="pnlAddEdit" runat="server" CssClass="modalPopup" style = "display:none">
<asp:Label Font-Bold = "true" ID = "Label4" runat = "server" Text = "Employee Details" >asp:Label>
<br />
<table align = "center">
<tr>
<td>
<asp:Label ID = "Label1" runat = "server" Text = "EnrollNumber" >asp:Label>
td>
<td>
<asp:TextBox ID="txtEmpID" Width = "40px" MaxLength = "5" runat="server">asp:TextBox>
td>
tr>
<tr>
<td>
<asp:Label ID = "Label2" runat = "server" Text = "Employee Name" >asp:Label>
td>
<td>
<asp:TextBox ID="txtEmpName" runat="server">asp:TextBox>
td>
tr>
<tr>
<td>
<asp:Label ID = "Label3" runat = "server" Text = "Father Name" >asp:Label>
td>
<td>
<asp:TextBox ID="txtFahterName" runat="server">asp:TextBox>
td>
tr>
<tr>
<td>
<asp:Label ID = "Label7" runat = "server" Text = "CNIC" >asp:Label>
td>
<td>
<asp:TextBox ID="txtCNIC" runat="server">asp:TextBox>
td>
tr>
<tr>
<td>
<asp:Label ID = "Label5" runat = "server" Text = "Section" >asp:Label>
td>
<td>
<asp:DropDownList id="ddlSecID" runat="server">asp:DropDownList>
td>
tr>
<tr>
<td>
<tr>
<td>
<asp:Label ID = "Label6" runat = "server" Text = "Join Date" >asp:Label>
td>
<td>
<asp:TextBox ID="txtjdate" runat="server" ReadOnly="true" CssClass="textbox">asp:TextBox>
<cc1:CalendarExtender ID="txtrechargedate_CalendarExtender" runat="server" Enabled="True"
TargetControlID="txtjdate" PopupPosition="BottomLeft">
cc1:CalendarExtender>
<asp:TextBox ID="txtldate" runat="server" ReadOnly="false" CssClass="textbox">asp:TextBox>
<cc1:CalendarExtender ID="CalendarExtender1" runat="server" Enabled="True"
TargetControlID="txtldate" PopupPosition="BottomLeft">
cc1:CalendarExtender>
td>
tr>
<tr>
<td>
<asp:Button ID="btnSave" runat="server" Text="Save" OnClick = "Save" />
td>
<td>
<asp:Button ID="btnCancel" runat="server" Text="Cancel" OnClientClick = "return Hidepopup()"/>
td>
tr>
table>
asp:Panel>
<asp:LinkButton ID="lnkFake" runat="server">asp:LinkButton>
<cc1:ModalPopupExtender ID="popup" runat="server" DropShadow="false"
PopupControlID="pnlAddEdit" TargetControlID = "lnkFake"
BackgroundCssClass="modalBackground">
cc1:ModalPopupExtender>
ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID = "GridView1" />
<asp:AsyncPostBackTrigger ControlID = "btnSave" />
Triggers>
asp:UpdatePanel>
<script type = "text/javascript">
function BlockUI(elementID) {
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_beginRequest(function() {
$("#" + elementID).block({ message: '<table align = "center"><tr><td>' +
'<img src="images/loadingAnim.gif"/>td>tr>table>',
css: {},
overlayCSS: { backgroundColor: '#000000', opacity: 0.6
}
});
});
prm.add_endRequest(function() {
$("#" + elementID).unblock();
});
}
$(document).ready(function() {
BlockUI("<%=pnlAddEdit.ClientID %>");
$.blockUI.defaults.css = {};
});
function Hidepopup() {
$find("popup").hide();
return false;
}
});
//CNIC
$(function() {
$("#txtCNIC").attr('maxlength', '10');
$('#txtCNIC').on('keyup', function() {
var inp = $('#txtCNIC').val();
var n = inp.indexOf("-");
if ((inp.length == 2) || (inp.length == 5) || (inp.length == 8) && inp.length < 9) {
$('#txtCNIC').val(inp + '-');
}
else {
}
});
script>
form>
body>
html>

2 Replies

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

Priyanka Jain7y ago
Accepted answer
try defining height and width to you panel
"pnlAddEdit" runat="server" CssClass="modalPopup" style = "display:none;width: 350px; height: 300px;">
height ,width value can be as per your requirement.
Bidyasagar Mishra7y ago
use bootstrap modal
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">


    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×button>
        <h4 class="modal-title">Modal Headerh4>
      div>
      <div class="modal-body">
        <p>Some text in the modal.p>
      div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Closebutton>
      div>
    div>

  div>
div>
find the below link for learn about bootstrap modal popup
https://www.w3schools.com/bootstrap/bootstrap_modal.asp