Post
Ask Question
Akhter HUssain

Akhter HUssain

  • 681
  • 1.3k
  • 95.6k

How to increase height of Popup window ?

Sep 11 2019 1:12 AM
i want to increase height of popup window here is screen shot
 
here is my html
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MasterFilemp.aspx.cs" Inherits="WebApplication1.MasterFilemp" %>  
  2. <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>  
  3.   
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  5.   
  6. <html xmlns="http://www.w3.org/1999/xhtml" >  
  7. <head id="Head1" runat="server">  
  8.   
  9.     <link href="CSS/CSS.css" rel="stylesheet" type="text/css" />   
  10. <script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>  
  11. <script src="scripts/jquery.blockUI.js" type="text/javascript"></script>  
  12.       
  13.   
  14. </head>  
  15.   
  16. <body style ="margin:500;padding:500">  
  17.     <form id="form1" runat="server">  
  18. <asp:ScriptManager ID="ScriptManager1" runat="server">  
  19. </asp:ScriptManager>  
  20. <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
  21. <ContentTemplate>  
  22.         <title>GridView Add, Edit, Delete AJAX Way</title>  
  23. <asp:GridView ID="GridView1" runat="server"  Width = "550px"  
  24. AutoGenerateColumns = "false"  AlternatingRowStyle-BackColor = "#C2D69B"    
  25. HeaderStyle-BackColor = "green" AllowPaging ="true"  
  26. OnPageIndexChanging = "OnPaging"   
  27. PageSize = "15" >  
  28. <Columns>  
  29. <asp:BoundField DataField = "EnrollNumber" HeaderText = "Employee ID" HtmlEncode = "true" />  
  30. <asp:BoundField DataField = "EmpName" HeaderText = "Employee Name"  HtmlEncode = "true" />  
  31. <asp:BoundField DataField = "FatherName" HeaderText = "Father Name"  HtmlEncode = "true"/>   
  32.         <asp:BoundField DataField = "CNIC" HeaderText = "CNIC"  HtmlEncode = "true"/>   
  33.     <asp:BoundField DataField = "SecNam" HeaderText = "Section"  HtmlEncode = "true"/>   
  34.      <asp:BoundField DataField = "JoinDate" HeaderText = "Join Date"  HtmlEncode = "true"/>   
  35.       <asp:BoundField DataField = "LeftDate" HeaderText = "Left Date"  HtmlEncode = "true"/>   
  36. <asp:TemplateField ItemStyle-Width = "30px"  HeaderText = "EnrollNumber">  
  37.    <ItemTemplate>  
  38.        <asp:LinkButton ID="lnkEdit" runat="server" Text = "Edit" OnClick = "Edit"></asp:LinkButton>  
  39.    </ItemTemplate>  
  40. </asp:TemplateField>  
  41. </Columns>   
  42. <AlternatingRowStyle BackColor="#C2D69B"  />  
  43. </asp:GridView>  
  44.          
  45. <asp:Button ID="btnAdd" runat="server" Text="Add" OnClick = "Add" />  
  46.   
  47. <asp:Panel ID="pnlAddEdit" runat="server" CssClass="modalPopup" style = "display:none">  
  48. <asp:Label Font-Bold = "true" ID = "Label4" runat = "server" Text = "Employee Details" ></asp:Label>  
  49. <br />  
  50. <table align = "center">  
  51. <tr>  
  52. <td>  
  53. <asp:Label ID = "Label1" runat = "server" Text = "EnrollNumber" ></asp:Label>  
  54. </td>  
  55. <td>  
  56. <asp:TextBox ID="txtEmpID" Width = "40px" MaxLength = "5" runat="server"></asp:TextBox>  
  57. </td>  
  58. </tr>  
  59. <tr>  
  60. <td>  
  61. <asp:Label ID = "Label2" runat = "server" Text = "Employee Name" ></asp:Label>  
  62. </td>  
  63. <td>  
  64. <asp:TextBox ID="txtEmpName" runat="server"></asp:TextBox>      
  65. </td>  
  66. </tr>  
  67. <tr>  
  68. <td>  
  69. <asp:Label ID = "Label3" runat = "server" Text = "Father Name" ></asp:Label>  
  70. </td>  
  71. <td>  
  72. <asp:TextBox ID="txtFahterName" runat="server"></asp:TextBox>  
  73. </td>  
  74. </tr>  
  75.     <tr>  
  76. <td>  
  77. <asp:Label ID = "Label7" runat = "server" Text = "CNIC" ></asp:Label>  
  78. </td>  
  79. <td>  
  80. <asp:TextBox ID="txtCNIC" runat="server"></asp:TextBox>  
  81. </td>  
  82. </tr>  
  83.     <tr>  
  84. <td>  
  85. <asp:Label ID = "Label5" runat = "server" Text = "Section" ></asp:Label>  
  86. </td>  
  87. <td>  
  88. <asp:DropDownList  id="ddlSecID" runat="server"></asp:DropDownList>  
  89. </td>  
  90. </tr>  
  91. <tr>  
  92. <td>  
  93.   
  94.         <tr>  
  95. <td>  
  96. <asp:Label ID = "Label6" runat = "server"  Text = "Join Date" ></asp:Label>  
  97. </td>  
  98. <td>  
  99.   
  100.       
  101.    <asp:TextBox ID="txtjdate" runat="server" ReadOnly="true" CssClass="textbox"></asp:TextBox>  
  102.                             <cc1:CalendarExtender ID="txtrechargedate_CalendarExtender" runat="server" Enabled="True"  
  103.                                 TargetControlID="txtjdate" PopupPosition="BottomLeft">  
  104.                             </cc1:CalendarExtender>  
  105.       <asp:TextBox ID="txtldate" runat="server" ReadOnly="false" CssClass="textbox"></asp:TextBox>  
  106.                             <cc1:CalendarExtender ID="CalendarExtender1" runat="server" Enabled="True"  
  107.                                 TargetControlID="txtldate" PopupPosition="BottomLeft">  
  108.                             </cc1:CalendarExtender>  
  109.   
  110.   
  111.   
  112. </td>  
  113. </tr>  
  114. <tr>  
  115. <td>  
  116. <asp:Button ID="btnSave" runat="server" Text="Save" OnClick = "Save" />  
  117. </td>  
  118. <td>  
  119. <asp:Button ID="btnCancel" runat="server" Text="Cancel" OnClientClick = "return Hidepopup()"/>  
  120. </td>  
  121. </tr>  
  122. </table>  
  123. </asp:Panel>  
  124. <asp:LinkButton ID="lnkFake" runat="server"></asp:LinkButton>  
  125. <cc1:ModalPopupExtender ID="popup" runat="server" DropShadow="false"  
  126. PopupControlID="pnlAddEdit" TargetControlID = "lnkFake"  
  127. BackgroundCssClass="modalBackground">  
  128. </cc1:ModalPopupExtender>  
  129. </ContentTemplate>   
  130. <Triggers>  
  131. <asp:AsyncPostBackTrigger ControlID = "GridView1" />  
  132. <asp:AsyncPostBackTrigger ControlID = "btnSave" />  
  133. </Triggers>   
  134. </asp:UpdatePanel>   
  135.         <script type = "text/javascript">  
  136.     function BlockUI(elementID) {  
  137.         var prm = Sys.WebForms.PageRequestManager.getInstance();  
  138.         prm.add_beginRequest(function() {  
  139.             $("#" + elementID).block({ message: '<table align = "center"><tr><td>' +  
  140.      '<img src="images/loadingAnim.gif"/></td></tr></table>',  
  141.                 css: {},  
  142.                 overlayCSS: { backgroundColor: '#000000', opacity: 0.6  
  143.                 }  
  144.             });  
  145.         });  
  146.         prm.add_endRequest(function() {  
  147.             $("#" + elementID).unblock();  
  148.         });  
  149.     }  
  150.     $(document).ready(function() {  
  151.   
  152.         BlockUI("<%=pnlAddEdit.ClientID %>");  
  153.         $.blockUI.defaults.css = {};  
  154.     });  
  155.     function Hidepopup() {  
  156.         $find("popup").hide();  
  157.         return false;  
  158.     }  
  159.   
  160. });  
  161.             //CNIC  
  162.             $(function() {  
  163. $("#txtCNIC").attr('maxlength', '10');  
  164. $('#txtCNIC').on('keyup', function() {  
  165.    var inp = $('#txtCNIC').val();  
  166.    var n = inp.indexOf("-");  
  167.    if ((inp.length == 2) || (inp.length == 5) || (inp.length == 8) && inp.length < 9) {  
  168.        $('#txtCNIC').val(inp + '-');  
  169.    }  
  170.    else {   
  171.   
  172.    }  
  173. });  
  174. </script>   
  175.     </form>  
  176. </body>  
  177. </html>  
 
 

Answers (2)