Answered by:
Why doesn't ajaxModalExtender hide ?
Question
-
User-886220824 posted
i have used AjaxModalExtender, it works but problem is that when it appears then it
<asp:image ID="ImageLetterCopy" style="max-width: 100%;max-height: 100%" runat="server" />
doesn't hide anyway. I want to hide it, how can I do it ?<asp:HiddenField ID="hdnField1" runat="server" /> <asp:ModalPopupExtender ID="mdlMessageBox" BackgroundCssClass="modalBackground" runat="server" TargetControlID="hdnField1" PopupControlID="ImageLetterCopy"> </asp:ModalPopupExtender>i just want to hide it when some one clicks anywhere on page or any other simple way.
Friday, January 22, 2016 9:11 PM
Answers
-
User2103319870 posted
Thats a whole lots of code and its tough to read, when posting post the relevant set of code instead of posting entire set. having said this on an inital search I couldnt not find you are using the javascript provided. Are you using the below line of code
<script type="text/javascript"> function pageLoad(sender, args) { if (!args.get_isPartialLoad()) { $addHandler(document, "keydown", onKeyDown); } } function onKeyDown(e) { $find('modalPopupExtender1').hide(); } </script>if not please add this code.
Additionally add a BehaviourID property to your modal popup
<asp:ModalPopupExtender ID="mdlMessageBox" BackgroundCssClass="modalBackground" BehaviorID="modalPopupExtender1" runat="server" TargetControlID="hdnField1" PopupControlID="ImageLetterCopy"> </asp:ModalPopupExtender>- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Saturday, January 23, 2016 5:44 PM -
User61956409 posted
Hi StackUnderflow,
You could refer to the following sample code to hide Modal Popup using Javascript code.
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="http://code.jquery.com/jquery-2.2.0.min.js"></script> <style> .mbgc { background-color: gray; opacity: 0.8; } </style> <script> $(function () { $("#btnshow").click(function () { $(".mbgc").bind("click", function () { //alert("111"); $find('mymodal').hide(); }); }) $(document).keydown(function (e) { if (e.keyCode == 27) { $find('mymodal').hide(); } }) }) </script> </head> <body> <form id="form1" runat="server"> <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager> <div> <asp:Button ID="btnshow" runat="server" Text="Show Modal" /> <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" BehaviorID="mymodal" TargetControlID="btnshow" PopupControlID="Panel1" BackgroundCssClass="mbgc"></asp:ModalPopupExtender> <asp:Panel ID="Panel1" runat="server" CssClass="mypanel"> Modal Popup Content </asp:Panel> </div> </form> </body> </html>Best Regards,
Fei Han
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Tuesday, January 26, 2016 6:07 AM
All replies
-
User2103319870 posted
hide it when some one clicks anywhere on page or any other simple way.You can try with the below code
Complete Code:
HTML:
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> </asp:ToolkitScriptManager> <asp:Button ID="btnShowModal" runat="server" Text="Click to show the Modal Window" /> <asp:Panel ID="pnlModalPanel" runat="server" Style="display: none" CssClass="modalPopup" align="center"> press the 'esc' key to close this Popup </asp:Panel> <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" BackgroundCssClass="modalBackground" TargetControlID="btnShowModal" PopupControlID="pnlModalPanel"> </asp:ModalPopupExtender>
CSS:
<style> .modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; } .modalPopup { background-color: #FFFFFF; border-width: 3px; border-style: solid; border-color: black; padding-top: 10px; padding-left: 10px; width: 300px; height: 140px; } </style>
Javascript:
<script type="text/javascript"> function pageLoad(sender, args) { if (!args.get_isPartialLoad()) { $addHandler(document, "keydown", onKeyDown); } } function onKeyDown(e) { $find('ModalPopupExtender1').hide(); } </script>
Saturday, January 23, 2016 3:52 AM -
User-886220824 posted
not working sir, I tried clicks, ESC, other buttons, but it remains on screen
Saturday, January 23, 2016 7:00 AM -
User2103319870 posted
not working sir, I tried clicks, ESC, other buttons, but it remains on screen
Its working fine in my sample application. Could you post your code if possible
Saturday, January 23, 2016 4:58 PM -
User-886220824 posted
my whole page code
<%@ Page Title="" Language="C#" MasterPageFile="~/home/MasterPage.master" ValidateRequest="false" AutoEventWireup="true" CodeFile="CaseLetters.aspx.cs" Inherits="DataManagement_CaseLetters" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %> <%@ Register Src="~/Controls/ResultLabel.ascx" TagPrefix="uc1" TagName="ResultLabel" %> <%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=11.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91" Namespace="Microsoft.Reporting.WebForms" TagPrefix="asp" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server"> <style type="text/css"> .modalBackground { background-color: Black; filter: alpha(opacity=90); opacity: 0.8; } .modalPopup { background-color: whitesmoke; border-width: 0px; border-style: solid; border-color: black; padding-top: 10px; padding-left: 10px; padding-right: 10px; width: 600px; height: 280px; } </style> <script type="text/javascript"> function Clear() { location.reload(true); } function GetConfrim() { if (confirm("Are you sure ?")) { return true; } else { return false; } } function isNumberKeyCNIC(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 45) return false; return true; } function isNumberKeyContactNo(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 43) return false; return true; } function ShowFull(ctrl) { ctrl.style.height = '280px'; ctrl.style.width = '280px'; } function ShowActual(ctrl) { ctrl.style.height = '20px'; ctrl.style.width = '20px'; } </script> <%--<script src='//cdn.tinymce.com/4/tinymce.min.js'></script>--%> <script src="../tinymce/js/tinymce/tinymce.min.js"></script> <script type="text/javascript"> tinyMCE.init({ selector: '#<%=txtBoxBody.ClientID%>', mode: "textareas" }); </script> <link rel="stylesheet" href="../ManagePages/theme/jquery-ui.css" /> <script src="../assets/global/plugins/datatables/dynamic/docs/media/js/jquery.js"></script> <script src="../assets/global/plugins/datatables/dynamic/examples/examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <script> $(function () { $("#<%= txtBoxLetterDate.ClientID %>").datepicker({ dateFormat: "dd/M/yy" }); $("#<%= txtboxIncomingLetterDate.ClientID %>").datepicker({ dateFormat: "dd/M/yy" }); }); </script> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> <asp:UpdateProgress AssociatedUpdatePanelID="UpdatePanel1" runat="server" ID="UpdateProgress1"> <ProgressTemplate> <div class="ajax-loading"> <div></div> </div> </ProgressTemplate> </asp:UpdateProgress> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <div class="page-content"> <div class="row"> <div class="col-lg-12"> <asp:Panel ID="ResultPanel" runat="server"> </asp:Panel> </div> </div> <asp:Panel runat="server" ID="pnlHeader" Visible="true" class="panel-header bg-primary" Style="height: 60px;"> <div class="container" style="padding-top: 12px; padding-left: 6px;"> <asp:Button ID="btnShowOutGoingLetters" runat="server" OnClick="btnShowOutGoingLetters_Click" Text="Outgoing Letters" CssClass="btn-lg" /> <asp:Button ID="btnShowIncomingLetters" runat="server" OnClick="btnShowIncomingLetters_Click" Text="Incoming Letters" CssClass="btn-lg" /> </div> </asp:Panel> <asp:HiddenField ID="hdnField1" runat="server" /> <asp:ModalPopupExtender ID="mdlMessageBox" BackgroundCssClass="modalBackground" runat="server" TargetControlID="hdnField1" PopupControlID="ImageLetterCopy"> </asp:ModalPopupExtender> <asp:Panel ID="pnlMessageBox" CssClass="modalPopup" Style="height: 191px; width: 501px; left: 520px; opacity:0.0" runat="server" HorizontalAlign="Center" Visible="false"> <div class="panel-header bg-success" style="height: 41px; padding-top: 1px; padding-left: 5px;"> <h4>Result</h4> <asp:Button ID="btnCloseModal" Text="X" runat="server" CausesValidation="false" OnClick="btnCloseModal_Click" CssClass="btn btn-primary pull-right btn-sm" Style="margin-top: -37PX; margin-right: 4px; color: whitesmoke; background-color: tomato" /> </div> <h2 style="padding-top: 25px"> <asp:Label runat="server" ID="lblMsgBoxInnerText" /></h2> </asp:Panel> <asp:ImageButton ID="ImageLetterCopy" OnClick="ImageLetterCopy_Click" style="max-width: 100%;max-height: 100%" runat="server" /> <asp:MultiView ID="MultiView1" runat="server"> <asp:View ID="view0" runat="server"> <div class="row"> <asp:Panel ID="pnlOutgoingLetters" runat="server" DefaultButton="btnAddCaseLetterDetails" class="col-md-12"> <div class="panel"> <div class="panel-content"> <asp:HiddenField ID="hdnFieldCaseLetterID" runat="server" /> <div class="col-md-12"> </div> <fieldset> <legend>Search Cases</legend> <div class="col-md-12"> <div class="col-md-4"> <asp:Panel ID="pnlSearchCasesOutGoingLetters" runat="server" DefaultButton="btnSearchCases" class="input-group"> <asp:HiddenField ID="HdnFieldCaseID" runat="server" /> <asp:TextBox runat="server" ID="txtBoxCaseNo" placeholder="Enter Case No" CssClass="form-control"></asp:TextBox> <span class="input-group-btn"> <asp:Button ID="btnSearchCases" runat="server" Text="Search" CssClass="btn btn-warning" OnClick="btnSearchCases_Click" /> </span> </asp:Panel> </div> </div> </fieldset> <div class="col-md-12"> <asp:GridView runat="server" ID="grdViewCases" AllowPaging="true" PageSize="15" OnPageIndexChanging="grdViewCases_PageIndexChanging" OnRowCommand="grdViewCases_RowCommand" PagerStyle-BackColor="#99CC99" HeaderStyle-BackColor="#99CC99" DataKeyNames="pk_Cases_CaseID" AutoGenerateColumns="false" CssClass="table table-condensed table-bordered table-striped table-responsive"> <PagerSettings Mode="Numeric" /> <PagerStyle HorizontalAlign="Center" CssClass="gvwCasesPager" /> <Columns> <asp:BoundField DataField="pk_Cases_CaseID" HeaderText="S.No" /> <asp:BoundField DataField="CaseNo" HeaderText="Case No" /> <asp:BoundField DataField="CasePetitioner" HeaderText="Petitioner" /> <asp:TemplateField HeaderText="Select"> <ItemTemplate> <asp:ImageButton ID="btnSelect" runat="server" ImageUrl="~/assets/global/images/shopping/select.png" CommandName="cmdSelect" CommandArgument='<%# Container.DataItemIndex %>' ControlStyle-Width="20px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </div> <fieldset> <legend>Outgoing Letter Details</legend> <div class="col-md-12"> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Case Letter No </label> <asp:TextBox runat="server" ID="txtBoxLetterNo" CssClass="form-control"></asp:TextBox> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Letter From </label> <asp:TextBox runat="server" ID="txtboxFrom" CssClass="form-control"></asp:TextBox> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Letter To </label> <asp:TextBox runat="server" ID="txtBoxTo" CssClass="form-control"></asp:TextBox> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Districts </label> <asp:DropDownList ID="ddlDistricts" runat="server" OnSelectedIndexChanged="ddlDistricts_SelectedIndexChanged" AutoPostBack="true" CssClass="form-control bd-white"> </asp:DropDownList> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Concerned Offices </label> <asp:DropDownList ID="ddlConcernedOffices" runat="server" CssClass="form-control bd-white"> </asp:DropDownList> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Date </label> <asp:TextBox runat="server" ID="txtBoxLetterDate" ClientIDMode="Static" CssClass="form-control"></asp:TextBox> <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtBoxLetterDate" Format="dd/MMM/yyyy"> </asp:CalendarExtender> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Subject </label> <asp:TextBox runat="server" ID="txtBoxSubject" TextMode="MultiLine" CssClass="form-control"></asp:TextBox> </div> </div> <div class="col-md-2"> <div class="form-group"> <label class="control-label"> </label> <asp:FileUpload ID="FileUploadOutGoingLetter" runat="server" /> <asp:HiddenField ID="hdnFieldOutGoingLetterPath" runat="server" /> </div> </div> <div class="col-md-12"> <div class="form-group"> <label class="control-label"> Body </label> <asp:TextBox runat="server" ID="txtBoxBody" Rows="20" Columns="25" TextMode="MultiLine" CssClass="form-control"></asp:TextBox> </div> </div> </div> </fieldset> <div class="clearfix"></div> </div> <div class="panel-footer clearfix"> <div class="pull-right"> <asp:Button ID="btnResetOutgoingLetters" runat="server" Text="Reset" OnClick="btnResetOutgoingLetters_Click" class="btn btn-success" /> <asp:Button ID="btnAddCaseLetterDetails" ValidationGroup="0" runat="server" CssClass="btn btn-primary" Text="Add" OnClick="btnAddCaseLetterDetails_Click" /> <asp:Button ID="btnUpdate" runat="server" CssClass="btn btn-primary" Text="Update" Visible="false" OnClick="btnUpdate_Click" /> </div> </div> </div> </asp:Panel> </div> <div class="row"> <asp:Panel ID="pnlSearchOutgoingLetters" runat="server" DefaultButton="btnSearch" class="col-md-12"> <div class="panel fadeIn"> <div class="panel-header bg-success"> <h3><i class="fa fa-search"></i>Search Outgoing Letters</h3> </div> <div class="panel-content"> <div class="col-md-4 "> <div class="input-group"> <asp:TextBox runat="server" CssClass="form-control" ID="txtSearch" PlaceHolder="Enter Case No"></asp:TextBox> <span class="input-group-btn"> <asp:Button runat="server" ID="btnSearch" OnClick="btnSearch_Click" CssClass="btn btn-warning" Text="Search" ValidationGroup="S" /> </span> </div> </div> <asp:Panel ID="pnlgrdViewCaseLettersDetails" CssClass="col-md-12" runat="server" ScrollBars="Both"> <asp:GridView runat="server" ID="grdviewCaseLettersDetails" AllowPaging="true" PageSize="15" OnPageIndexChanging="grdviewCaseLettersDetails_PageIndexChanging" OnRowCommand="grdviewCaseLettersDetails_RowCommand" PagerStyle-BackColor="#99CC99" HeaderStyle-BackColor="#99CC99" DataKeyNames="pk_CaseLetters_CaseLetterID" AutoGenerateColumns="false" CssClass="table table-condensed table-bordered table-striped table-responsive"> <PagerSettings Mode="Numeric" /> <PagerStyle HorizontalAlign="Center" CssClass="gvwCasesPager" /> <Columns> <asp:BoundField DataField="pk_CaseLetters_CaseLetterID" HeaderText="S.No" /> <asp:BoundField DataField="CaseNo" HeaderText="Case No" /> <asp:BoundField DataField="CaseLetterNo" HeaderText="Letter No" /> <%-- <asp:BoundField DataField="CaseLetterComments" HeaderText="CaseLetterComments" />--%> <asp:BoundField DataField="LetterFrom" HeaderText="Letter From" /> <asp:BoundField DataField="LetterTo" HeaderText="Letter To" /> <%--<asp:BoundField DataField="LetterBody" HeaderText="Body" />--%> <asp:BoundField DataField="CaseLetterDate" HeaderText="Letter Date" /> <asp:BoundField DataField="fk_ConcernedOffices_CaseHearings_ConcernedOfficeID" HeaderText="OfficeID" /> <asp:BoundField DataField="ConcernedOfficeName" HeaderText="Concerned Office" /> <%--<asp:ButtonField CommandName="cmdEdit" HeaderText="Edit" ImageUrl="~/assets/global/images/shopping/edit.png" ButtonType="Image" ControlStyle-Width="25px" ControlStyle-Height="25px" />--%> <asp:TemplateField HeaderText="View Scanned Letter"> <ItemTemplate> <%-- <img src='../SiteImages/<%# Eval("OutgoingLetterCopy") %>' width="20" height="20" onmouseover="ShowFull(this)" onmouseout="ShowActual(this)" />--%> <asp:ImageButton ID="btnOutgoingLetterCopy" runat="server" ImageUrl="~/SiteImages/viewletter.png" CommandName="cmdShowOutGngLetter" CommandArgument='<%# Container.DataItemIndex %>' ControlStyle-Width="20px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Edit"> <ItemTemplate> <asp:ImageButton ID="btnEdit" runat="server" ImageUrl="~/assets/global/images/shopping/edit.png" CommandName="cmdEdit" CommandArgument='<%# Container.DataItemIndex %>' ControlStyle-Width="25px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Delete"> <ItemTemplate> <asp:ImageButton ID="btnDelete" runat="server" ImageUrl="~/assets/global/images/shopping/delete.png" CommandName="cmdDelete" CommandArgument='<%# Container.DataItemIndex %>' OnClientClick="return confirm('Are you Sure ?');" ControlStyle-Width="20px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Generate Letter"> <ItemTemplate> <asp:ImageButton ID="btnGenerateLetter" runat="server" ImageUrl="~/assets/global/images/shopping/mail.png" CommandName="cmdGenerateLetter" CommandArgument='<%# Container.DataItemIndex %>' OnClientClick="return confirm('Are you Sure ?');" ControlStyle-Width="20px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </asp:Panel> <div class="clearfix"></div> </div> </div> </asp:Panel> </div> </asp:View> <asp:View ID="view1" runat="server"> <div class="row"> <div class="col-lg-12"> <center> <%-- <asp:Panel ID="ResultPanel" runat="server"> </asp:Panel>--%> </center> </div> <div class="col-md-12"> <div class="panel"> <div class="panel-header bg-primary"> <h3><i class="fa fa-book"></i>Letter</h3> </div> <div class="panel-content"> <asp:ReportViewer ID="ReportViewer1" runat="server"></asp:ReportViewer> <div class="clearfix"></div> </div> <div class="panel-footer clearfix"> </div> </div> </div> </div> </asp:View> <asp:View ID="view2" runat="server"> <div class="row"> <div class="col-lg-12"> <center> </center> </div> <div class="col-md-12"> <asp:Panel ID="pnlIncomingLetters" runat="server" DefaultButton="btnAddIncomingLetterDetails" class="panel"> <div class="panel-content"> <asp:HiddenField ID="hdnFieldIncomingLetterID" runat="server" /> <div class="col-md-12"> </div> <fieldset> <legend>Search Cases</legend> <asp:Panel ID="pnlSearchCasesIncomingLetters" runat="server" DefaultButton="btnSearchCases_IncomingLetters" class="col-md-12"> <div class="col-md-4"> <div class="input-group"> <asp:TextBox runat="server" ID="txtBoxCaseNo_" placeholder="Enter Case No" CssClass="form-control"></asp:TextBox> <span class="input-group-btn"> <asp:Button ID="btnSearchCases_IncomingLetters" runat="server" Text="Search" CssClass="btn btn-warning" OnClick="btnSearchCases_IncomingLetters_Click" /> </span> </div> </div> </asp:Panel> </fieldset> <div class="col-md-12"> <asp:GridView runat="server" ID="grdViewCases_IncomingLetters" AllowPaging="true" PageSize="15" OnPageIndexChanging="grdViewCases_IncomingLetters_PageIndexChanging" OnRowCommand="grdViewCases_IncomingLetters_RowCommand" PagerStyle-BackColor="#99CC99" HeaderStyle-BackColor="#99CC99" DataKeyNames="pk_Cases_CaseID" AutoGenerateColumns="false" CssClass="table table-condensed table-bordered table-striped table-responsive"> <PagerSettings Mode="Numeric" /> <PagerStyle HorizontalAlign="Center" CssClass="gvwCasesPager" /> <Columns> <asp:BoundField DataField="pk_Cases_CaseID" HeaderText="S.No" /> <asp:BoundField DataField="CaseNo" HeaderText="Case No" /> <asp:BoundField DataField="CasePetitioner" HeaderText="Petitioner" /> <asp:TemplateField HeaderText="Select"> <ItemTemplate> <asp:ImageButton ID="btnSelect" runat="server" ImageUrl="~/assets/global/images/shopping/select.png" CommandName="cmdSelect" CommandArgument='<%# Container.DataItemIndex %>' ControlStyle-Width="20px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </div> <fieldset> <legend>Incoming Letter Details</legend> <div class="col-md-12"> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Letter No </label> <asp:TextBox runat="server" ID="txtBoxIncomingLetterNo" MaxLength="20" CssClass="form-control"></asp:TextBox> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Letter From </label> <asp:TextBox runat="server" ID="txtBoxIncomingLetterFrom" CssClass="form-control"></asp:TextBox> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Letter To </label> <asp:TextBox runat="server" ID="txtBoxIncomingLetterTo" CssClass="form-control"></asp:TextBox> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Districts </label> <asp:DropDownList ID="ddlDistricts_IncomingLetters" runat="server" OnSelectedIndexChanged="ddlDistricts_IncomingLetters_SelectedIndexChanged" AutoPostBack="true" CssClass="form-control bd-white"> </asp:DropDownList> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Concerned Offices </label> <asp:DropDownList ID="ddlConcernedOffices_IncomingLetters" runat="server" CssClass="form-control bd-white"> </asp:DropDownList> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Date </label> <asp:TextBox runat="server" ID="txtboxIncomingLetterDate" ClientIDMode="Static" CssClass="form-control"></asp:TextBox> <asp:CalendarExtender ID="CalendarExtender2" runat="server" TargetControlID="txtboxIncomingLetterDate" Format="dd/MMM/yyyy"> </asp:CalendarExtender> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="control-label"> Subject </label> <asp:TextBox runat="server" ID="txtBoxIncomingLetterSubject" TextMode="MultiLine" CssClass="form-control"></asp:TextBox> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="control-label"> Body </label> <asp:TextBox runat="server" ID="txtBoxIncomingLetterBody" TextMode="MultiLine" CssClass="form-control"></asp:TextBox> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> CC </label> <asp:TextBox runat="server" ID="txtBoxIncomingLetterCC" TextMode="MultiLine" CssClass="form-control"></asp:TextBox> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> </label> <asp:FileUpload ID="FileUpload1" runat="server" /> <asp:HiddenField ID="HdnFieldLetterCopyPath" runat="server" /> </div> </div> </div> <div class="col-md-12"> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Letter Copy Title </label> <asp:TextBox runat="server" ID="txtBoxIncomingLetterCopyTitle" CssClass="form-control"></asp:TextBox> </div> </div> </div> </fieldset> <div class="clearfix"></div> </div> <div class="panel-footer clearfix"> <div class="pull-right"> <asp:Button ID="btnResetIncomingLetters" runat="server" Text="Reset" OnClick="btnResetIncomingLetters_Click" class="btn btn-success" /> <asp:Button ID="btnAddIncomingLetterDetails" ValidationGroup="0" runat="server" CssClass="btn btn-primary" Text="Add" OnClick="btnAddIncomingLetterDetails_Click" /> <asp:Button ID="btnUpdateIncomingLetterDetails" runat="server" CssClass="btn btn-primary" Text="Update" Visible="false" OnClick="btnUpdateIncomingLetterDetails_Click" /> </div> </div> </asp:Panel> </div> </div> <div class="row"> <asp:Panel ID="pnlSearchIncomingLetters" runat="server" DefaultButton="btnSearchIncomingLetters" class="col-md-12"> <div class="panel fadeIn"> <div class="panel-header bg-success"> <h3><i class="fa fa-search"></i>Search Incoming Letters</h3> </div> <div class="panel-content"> <div class="col-md-4 "> <div class="input-group"> <asp:TextBox runat="server" CssClass="form-control" ID="txtSearch_" PlaceHolder="Enter Case No"></asp:TextBox> <span class="input-group-btn"> <asp:Button runat="server" ID="btnSearchIncomingLetters" OnClick="btnSearchIncomingLetters_Click" CssClass="btn btn-warning" Text="Search" ValidationGroup="S" /> </span> </div> </div> <asp:Panel ID="Panel3" CssClass="col-md-12" runat="server" ScrollBars="Both"> <asp:GridView runat="server" ID="grdViewIncomingLetters" AllowPaging="true" PageSize="15" OnPageIndexChanging="grdViewIncomingLetters_PageIndexChanging" OnRowCommand="grdViewIncomingLetters_RowCommand" PagerStyle-BackColor="#99CC99" HeaderStyle-BackColor="#99CC99" DataKeyNames="pk_CaseIncomingLetters_CaseIncomingLetterID" AutoGenerateColumns="false" CssClass="table table-condensed table-bordered table-striped table-responsive"> <PagerSettings Mode="Numeric" /> <PagerStyle HorizontalAlign="Center" CssClass="gvwCasesPager" /> <Columns> <asp:BoundField DataField="pk_CaseIncomingLetters_CaseIncomingLetterID" HeaderText="S.No" /> <asp:BoundField DataField="CaseNo" HeaderText="Case No" /> <asp:BoundField DataField="IncomingLetterNo" HeaderText="LetterNo" /> <%-- <asp:BoundField DataField="CaseLetterComments" HeaderText="CaseLetterComments" />--%> <asp:BoundField DataField="IncomingLetterFrom" HeaderText="Letter From" /> <asp:BoundField DataField="IncomingLetterTo" HeaderText="Letter To" /> <%--<asp:BoundField DataField="LetterBody" HeaderText="Body" />--%> <asp:BoundField DataField="IncomingLetterDate" HeaderText="Letter Date" /> <asp:BoundField DataField="fk_ConcernedOffices_CaseHearings_ConcernedOfficeID" HeaderText="OfficeID" /> <asp:BoundField DataField="ConcernedOfficeName" HeaderText="Concerned Office" /> <asp:TemplateField HeaderText="Letter Copy"> <ItemTemplate> <%-- <img src='../SiteImages/<%# Eval("IncomingLetterCopy") %>' width="20" height="20" onmouseover="ShowFull(this)" onmouseout="ShowActual(this)" />--%> <asp:ImageButton ID="btnIncomingLetterCopy" runat="server" ImageUrl="~/SiteImages/viewletter.png" CommandName="cmdShowIncomingLetter" CommandArgument='<%# Container.DataItemIndex %>' ControlStyle-Width="20px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="IncomingLetterCopyTitle" HeaderText="Letter Copy Title" /> <asp:TemplateField HeaderText="Edit"> <ItemTemplate> <asp:ImageButton ID="btnEdit" runat="server" ImageUrl="~/assets/global/images/shopping/edit.png" CommandName="cmdEdit" CommandArgument='<%# Container.DataItemIndex %>' ControlStyle-Width="25px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Delete"> <ItemTemplate> <asp:ImageButton ID="btnDelete" runat="server" ImageUrl="~/assets/global/images/shopping/delete.png" CommandName="cmdDelete" CommandArgument='<%# Container.DataItemIndex %>' OnClientClick="return confirm('Are you Sure ?');" ControlStyle-Width="20px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </asp:Panel> <div class="clearfix"></div> </div> </div> </asp:Panel> </div> </asp:View> </asp:MultiView> </ContentTemplate> <Triggers> <asp:PostBackTrigger ControlID="btnUpdate" /> <asp:PostBackTrigger ControlID="btnAddIncomingLetterDetails" /> <asp:PostBackTrigger ControlID="btnUpdateIncomingLetterDetails" /> <asp:PostBackTrigger ControlID="btnAddCaseLetterDetails" /> </Triggers> </asp:UpdatePanel> </asp:Content><%@ Page Title="" Language="C#" MasterPageFile="~/home/MasterPage.master" ValidateRequest="false" AutoEventWireup="true" CodeFile="CaseLetters.aspx.cs" Inherits="DataManagement_CaseLetters" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<%@ Register Src="~/Controls/ResultLabel.ascx" TagPrefix="uc1" TagName="ResultLabel" %>
<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=11.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91" Namespace="Microsoft.Reporting.WebForms" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<style type="text/css"> .modalBackground { background-color: Black; filter: alpha(opacity=90); opacity: 0.8; }
.modalPopup { background-color: whitesmoke; border-width: 0px; border-style: solid; border-color: black; padding-top: 10px; padding-left: 10px; padding-right: 10px; width: 600px; height: 280px; } </style> <script type="text/javascript"> function Clear() { location.reload(true);
}
function GetConfrim() { if (confirm("Are you sure ?")) { return true; } else { return false; } }
function isNumberKeyCNIC(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 45) return false;
return true; } function isNumberKeyContactNo(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 43) return false;
return true; }
function ShowFull(ctrl) { ctrl.style.height = '280px'; ctrl.style.width = '280px'; }
function ShowActual(ctrl) { ctrl.style.height = '20px'; ctrl.style.width = '20px'; } </script>
<%--<script src='//cdn.tinymce.com/4/tinymce.min.js'></script>--%> <script src="../tinymce/js/tinymce/tinymce.min.js"></script> <script type="text/javascript">
tinyMCE.init({ selector: '#<%=txtBoxBody.ClientID%>', mode: "textareas" });
</script> <link rel="stylesheet" href="../ManagePages/theme/jquery-ui.css" /> <script src="../assets/global/plugins/datatables/dynamic/docs/media/js/jquery.js"></script> <script src="../assets/global/plugins/datatables/dynamic/examples/examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <script>
$(function () { $("#<%= txtBoxLetterDate.ClientID %>").datepicker({ dateFormat: "dd/M/yy" }); $("#<%= txtboxIncomingLetterDate.ClientID %>").datepicker({ dateFormat: "dd/M/yy" });
}); </script> </asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> <asp:UpdateProgress AssociatedUpdatePanelID="UpdatePanel1" runat="server" ID="UpdateProgress1"> <ProgressTemplate> <div class="ajax-loading"> <div></div> </div>
</ProgressTemplate> </asp:UpdateProgress>
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <div class="page-content"> <div class="row"> <div class="col-lg-12"> <asp:Panel ID="ResultPanel" runat="server"> </asp:Panel> </div> </div> <asp:Panel runat="server" ID="pnlHeader" Visible="true" class="panel-header bg-primary" Style="height: 60px;"> <div class="container" style="padding-top: 12px; padding-left: 6px;"> <asp:Button ID="btnShowOutGoingLetters" runat="server" OnClick="btnShowOutGoingLetters_Click" Text="Outgoing Letters" CssClass="btn-lg" /> <asp:Button ID="btnShowIncomingLetters" runat="server" OnClick="btnShowIncomingLetters_Click" Text="Incoming Letters" CssClass="btn-lg" /> </div> </asp:Panel>
<asp:HiddenField ID="hdnField1" runat="server" /> <asp:ModalPopupExtender ID="mdlMessageBox" BackgroundCssClass="modalBackground" runat="server" TargetControlID="hdnField1" PopupControlID="ImageLetterCopy"> </asp:ModalPopupExtender> <asp:Panel ID="pnlMessageBox" CssClass="modalPopup" Style="height: 191px; width: 501px; left: 520px; opacity:0.0" runat="server" HorizontalAlign="Center" Visible="false"> <div class="panel-header bg-success" style="height: 41px; padding-top: 1px; padding-left: 5px;"> <h4>Result</h4> <asp:Button ID="btnCloseModal" Text="X" runat="server" CausesValidation="false" OnClick="btnCloseModal_Click" CssClass="btn btn-primary pull-right btn-sm" Style="margin-top: -37PX; margin-right: 4px; color: whitesmoke; background-color: tomato" /> </div> <h2 style="padding-top: 25px"> <asp:Label runat="server" ID="lblMsgBoxInnerText" /></h2> </asp:Panel> <asp:ImageButton ID="ImageLetterCopy" OnClick="ImageLetterCopy_Click" style="max-width: 100%;max-height: 100%" runat="server" />
<asp:MultiView ID="MultiView1" runat="server"> <asp:View ID="view0" runat="server"> <div class="row"> <asp:Panel ID="pnlOutgoingLetters" runat="server" DefaultButton="btnAddCaseLetterDetails" class="col-md-12"> <div class="panel"> <div class="panel-content"> <asp:HiddenField ID="hdnFieldCaseLetterID" runat="server" /> <div class="col-md-12"> </div> <fieldset> <legend>Search Cases</legend> <div class="col-md-12"> <div class="col-md-4"> <asp:Panel ID="pnlSearchCasesOutGoingLetters" runat="server" DefaultButton="btnSearchCases" class="input-group"> <asp:HiddenField ID="HdnFieldCaseID" runat="server" /> <asp:TextBox runat="server" ID="txtBoxCaseNo" placeholder="Enter Case No" CssClass="form-control"></asp:TextBox> <span class="input-group-btn"> <asp:Button ID="btnSearchCases" runat="server" Text="Search" CssClass="btn btn-warning" OnClick="btnSearchCases_Click" /> </span> </asp:Panel> </div> </div> </fieldset> <div class="col-md-12"> <asp:GridView runat="server" ID="grdViewCases" AllowPaging="true" PageSize="15" OnPageIndexChanging="grdViewCases_PageIndexChanging" OnRowCommand="grdViewCases_RowCommand" PagerStyle-BackColor="#99CC99" HeaderStyle-BackColor="#99CC99" DataKeyNames="pk_Cases_CaseID" AutoGenerateColumns="false" CssClass="table table-condensed table-bordered table-striped table-responsive"> <PagerSettings Mode="Numeric" /> <PagerStyle HorizontalAlign="Center" CssClass="gvwCasesPager" /> <Columns> <asp:BoundField DataField="pk_Cases_CaseID" HeaderText="S.No" /> <asp:BoundField DataField="CaseNo" HeaderText="Case No" /> <asp:BoundField DataField="CasePetitioner" HeaderText="Petitioner" /> <asp:TemplateField HeaderText="Select"> <ItemTemplate> <asp:ImageButton ID="btnSelect" runat="server" ImageUrl="~/assets/global/images/shopping/select.png" CommandName="cmdSelect" CommandArgument='<%# Container.DataItemIndex %>' ControlStyle-Width="20px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField>
</Columns> </asp:GridView>
</div> <fieldset> <legend>Outgoing Letter Details</legend>
<div class="col-md-12"> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Case Letter No </label> <asp:TextBox runat="server" ID="txtBoxLetterNo" CssClass="form-control"></asp:TextBox>
</div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Letter From </label> <asp:TextBox runat="server" ID="txtboxFrom" CssClass="form-control"></asp:TextBox> </div> </div>
<div class="col-md-3"> <div class="form-group"> <label class="control-label"> Letter To </label> <asp:TextBox runat="server" ID="txtBoxTo" CssClass="form-control"></asp:TextBox>
</div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Districts </label> <asp:DropDownList ID="ddlDistricts" runat="server" OnSelectedIndexChanged="ddlDistricts_SelectedIndexChanged" AutoPostBack="true" CssClass="form-control bd-white"> </asp:DropDownList> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Concerned Offices </label> <asp:DropDownList ID="ddlConcernedOffices" runat="server" CssClass="form-control bd-white"> </asp:DropDownList> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Date </label> <asp:TextBox runat="server" ID="txtBoxLetterDate" ClientIDMode="Static" CssClass="form-control"></asp:TextBox> <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtBoxLetterDate" Format="dd/MMM/yyyy"> </asp:CalendarExtender> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Subject </label> <asp:TextBox runat="server" ID="txtBoxSubject" TextMode="MultiLine" CssClass="form-control"></asp:TextBox> </div> </div> <div class="col-md-2"> <div class="form-group"> <label class="control-label"> </label> <asp:FileUpload ID="FileUploadOutGoingLetter" runat="server" /> <asp:HiddenField ID="hdnFieldOutGoingLetterPath" runat="server" /> </div> </div> <div class="col-md-12"> <div class="form-group"> <label class="control-label"> Body </label> <asp:TextBox runat="server" ID="txtBoxBody" Rows="20" Columns="25" TextMode="MultiLine" CssClass="form-control"></asp:TextBox> </div> </div>
</div> </fieldset> <div class="clearfix"></div> </div> <div class="panel-footer clearfix"> <div class="pull-right"> <asp:Button ID="btnResetOutgoingLetters" runat="server" Text="Reset" OnClick="btnResetOutgoingLetters_Click" class="btn btn-success" /> <asp:Button ID="btnAddCaseLetterDetails" ValidationGroup="0" runat="server" CssClass="btn btn-primary" Text="Add" OnClick="btnAddCaseLetterDetails_Click" /> <asp:Button ID="btnUpdate" runat="server" CssClass="btn btn-primary" Text="Update" Visible="false" OnClick="btnUpdate_Click" /> </div> </div> </div> </asp:Panel>
</div> <div class="row"> <asp:Panel ID="pnlSearchOutgoingLetters" runat="server" DefaultButton="btnSearch" class="col-md-12"> <div class="panel fadeIn"> <div class="panel-header bg-success"> <h3><i class="fa fa-search"></i>Search Outgoing Letters</h3> </div> <div class="panel-content"> <div class="col-md-4 "> <div class="input-group"> <asp:TextBox runat="server" CssClass="form-control" ID="txtSearch" PlaceHolder="Enter Case No"></asp:TextBox> <span class="input-group-btn"> <asp:Button runat="server" ID="btnSearch" OnClick="btnSearch_Click" CssClass="btn btn-warning" Text="Search" ValidationGroup="S" /> </span> </div> </div> <asp:Panel ID="pnlgrdViewCaseLettersDetails" CssClass="col-md-12" runat="server" ScrollBars="Both"> <asp:GridView runat="server" ID="grdviewCaseLettersDetails" AllowPaging="true" PageSize="15" OnPageIndexChanging="grdviewCaseLettersDetails_PageIndexChanging" OnRowCommand="grdviewCaseLettersDetails_RowCommand" PagerStyle-BackColor="#99CC99" HeaderStyle-BackColor="#99CC99" DataKeyNames="pk_CaseLetters_CaseLetterID" AutoGenerateColumns="false" CssClass="table table-condensed table-bordered table-striped table-responsive"> <PagerSettings Mode="Numeric" /> <PagerStyle HorizontalAlign="Center" CssClass="gvwCasesPager" /> <Columns> <asp:BoundField DataField="pk_CaseLetters_CaseLetterID" HeaderText="S.No" /> <asp:BoundField DataField="CaseNo" HeaderText="Case No" /> <asp:BoundField DataField="CaseLetterNo" HeaderText="Letter No" /> <%-- <asp:BoundField DataField="CaseLetterComments" HeaderText="CaseLetterComments" />--%> <asp:BoundField DataField="LetterFrom" HeaderText="Letter From" /> <asp:BoundField DataField="LetterTo" HeaderText="Letter To" /> <%--<asp:BoundField DataField="LetterBody" HeaderText="Body" />--%> <asp:BoundField DataField="CaseLetterDate" HeaderText="Letter Date" /> <asp:BoundField DataField="fk_ConcernedOffices_CaseHearings_ConcernedOfficeID" HeaderText="OfficeID" /> <asp:BoundField DataField="ConcernedOfficeName" HeaderText="Concerned Office" /> <%--<asp:ButtonField CommandName="cmdEdit" HeaderText="Edit" ImageUrl="~/assets/global/images/shopping/edit.png" ButtonType="Image" ControlStyle-Width="25px" ControlStyle-Height="25px" />--%> <asp:TemplateField HeaderText="View Scanned Letter"> <ItemTemplate> <%-- <img src='../SiteImages/<%# Eval("OutgoingLetterCopy") %>' width="20" height="20" onmouseover="ShowFull(this)" onmouseout="ShowActual(this)" />--%> <asp:ImageButton ID="btnOutgoingLetterCopy" runat="server" ImageUrl="~/SiteImages/viewletter.png" CommandName="cmdShowOutGngLetter" CommandArgument='<%# Container.DataItemIndex %>' ControlStyle-Width="20px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Edit"> <ItemTemplate> <asp:ImageButton ID="btnEdit" runat="server" ImageUrl="~/assets/global/images/shopping/edit.png" CommandName="cmdEdit" CommandArgument='<%# Container.DataItemIndex %>' ControlStyle-Width="25px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Delete"> <ItemTemplate> <asp:ImageButton ID="btnDelete" runat="server" ImageUrl="~/assets/global/images/shopping/delete.png" CommandName="cmdDelete" CommandArgument='<%# Container.DataItemIndex %>' OnClientClick="return confirm('Are you Sure ?');" ControlStyle-Width="20px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Generate Letter"> <ItemTemplate> <asp:ImageButton ID="btnGenerateLetter" runat="server" ImageUrl="~/assets/global/images/shopping/mail.png" CommandName="cmdGenerateLetter" CommandArgument='<%# Container.DataItemIndex %>' OnClientClick="return confirm('Are you Sure ?');" ControlStyle-Width="20px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField>
</Columns> </asp:GridView>
</asp:Panel> <div class="clearfix"></div>
</div> </div>
</asp:Panel>
</div> </asp:View> <asp:View ID="view1" runat="server"> <div class="row"> <div class="col-lg-12"> <center> <%-- <asp:Panel ID="ResultPanel" runat="server"> </asp:Panel>--%> </center> </div> <div class="col-md-12"> <div class="panel"> <div class="panel-header bg-primary"> <h3><i class="fa fa-book"></i>Letter</h3> </div> <div class="panel-content"> <asp:ReportViewer ID="ReportViewer1" runat="server"></asp:ReportViewer> <div class="clearfix"></div> </div> <div class="panel-footer clearfix"> </div> </div> </div> </div> </asp:View> <asp:View ID="view2" runat="server"> <div class="row"> <div class="col-lg-12"> <center> </center> </div> <div class="col-md-12"> <asp:Panel ID="pnlIncomingLetters" runat="server" DefaultButton="btnAddIncomingLetterDetails" class="panel"> <div class="panel-content"> <asp:HiddenField ID="hdnFieldIncomingLetterID" runat="server" /> <div class="col-md-12"> </div> <fieldset> <legend>Search Cases</legend> <asp:Panel ID="pnlSearchCasesIncomingLetters" runat="server" DefaultButton="btnSearchCases_IncomingLetters" class="col-md-12"> <div class="col-md-4"> <div class="input-group"> <asp:TextBox runat="server" ID="txtBoxCaseNo_" placeholder="Enter Case No" CssClass="form-control"></asp:TextBox> <span class="input-group-btn"> <asp:Button ID="btnSearchCases_IncomingLetters" runat="server" Text="Search" CssClass="btn btn-warning" OnClick="btnSearchCases_IncomingLetters_Click" /> </span> </div>
</div> </asp:Panel> </fieldset> <div class="col-md-12"> <asp:GridView runat="server" ID="grdViewCases_IncomingLetters" AllowPaging="true" PageSize="15" OnPageIndexChanging="grdViewCases_IncomingLetters_PageIndexChanging" OnRowCommand="grdViewCases_IncomingLetters_RowCommand" PagerStyle-BackColor="#99CC99" HeaderStyle-BackColor="#99CC99" DataKeyNames="pk_Cases_CaseID" AutoGenerateColumns="false" CssClass="table table-condensed table-bordered table-striped table-responsive"> <PagerSettings Mode="Numeric" /> <PagerStyle HorizontalAlign="Center" CssClass="gvwCasesPager" /> <Columns> <asp:BoundField DataField="pk_Cases_CaseID" HeaderText="S.No" /> <asp:BoundField DataField="CaseNo" HeaderText="Case No" /> <asp:BoundField DataField="CasePetitioner" HeaderText="Petitioner" /> <asp:TemplateField HeaderText="Select"> <ItemTemplate> <asp:ImageButton ID="btnSelect" runat="server" ImageUrl="~/assets/global/images/shopping/select.png" CommandName="cmdSelect" CommandArgument='<%# Container.DataItemIndex %>' ControlStyle-Width="20px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField>
</Columns> </asp:GridView>
</div> <fieldset> <legend>Incoming Letter Details</legend> <div class="col-md-12"> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Letter No </label> <asp:TextBox runat="server" ID="txtBoxIncomingLetterNo" MaxLength="20" CssClass="form-control"></asp:TextBox>
</div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Letter From </label> <asp:TextBox runat="server" ID="txtBoxIncomingLetterFrom" CssClass="form-control"></asp:TextBox> </div> </div>
<div class="col-md-3"> <div class="form-group"> <label class="control-label"> Letter To </label> <asp:TextBox runat="server" ID="txtBoxIncomingLetterTo" CssClass="form-control"></asp:TextBox>
</div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Districts </label> <asp:DropDownList ID="ddlDistricts_IncomingLetters" runat="server" OnSelectedIndexChanged="ddlDistricts_IncomingLetters_SelectedIndexChanged" AutoPostBack="true" CssClass="form-control bd-white"> </asp:DropDownList> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Concerned Offices </label> <asp:DropDownList ID="ddlConcernedOffices_IncomingLetters" runat="server" CssClass="form-control bd-white"> </asp:DropDownList> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Date </label> <asp:TextBox runat="server" ID="txtboxIncomingLetterDate" ClientIDMode="Static" CssClass="form-control"></asp:TextBox> <asp:CalendarExtender ID="CalendarExtender2" runat="server" TargetControlID="txtboxIncomingLetterDate" Format="dd/MMM/yyyy"> </asp:CalendarExtender> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="control-label"> Subject </label> <asp:TextBox runat="server" ID="txtBoxIncomingLetterSubject" TextMode="MultiLine" CssClass="form-control"></asp:TextBox> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="control-label"> Body </label> <asp:TextBox runat="server" ID="txtBoxIncomingLetterBody" TextMode="MultiLine" CssClass="form-control"></asp:TextBox> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> CC </label> <asp:TextBox runat="server" ID="txtBoxIncomingLetterCC" TextMode="MultiLine" CssClass="form-control"></asp:TextBox> </div> </div> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> </label> <asp:FileUpload ID="FileUpload1" runat="server" /> <asp:HiddenField ID="HdnFieldLetterCopyPath" runat="server" /> </div> </div> </div> <div class="col-md-12"> <div class="col-md-3"> <div class="form-group"> <label class="control-label"> Letter Copy Title </label> <asp:TextBox runat="server" ID="txtBoxIncomingLetterCopyTitle" CssClass="form-control"></asp:TextBox> </div> </div> </div> </fieldset> <div class="clearfix"></div> </div> <div class="panel-footer clearfix"> <div class="pull-right"> <asp:Button ID="btnResetIncomingLetters" runat="server" Text="Reset" OnClick="btnResetIncomingLetters_Click" class="btn btn-success" /> <asp:Button ID="btnAddIncomingLetterDetails" ValidationGroup="0" runat="server" CssClass="btn btn-primary" Text="Add" OnClick="btnAddIncomingLetterDetails_Click" /> <asp:Button ID="btnUpdateIncomingLetterDetails" runat="server" CssClass="btn btn-primary" Text="Update" Visible="false" OnClick="btnUpdateIncomingLetterDetails_Click" /> </div> </div> </asp:Panel> </div> </div> <div class="row"> <asp:Panel ID="pnlSearchIncomingLetters" runat="server" DefaultButton="btnSearchIncomingLetters" class="col-md-12"> <div class="panel fadeIn"> <div class="panel-header bg-success"> <h3><i class="fa fa-search"></i>Search Incoming Letters</h3> </div> <div class="panel-content"> <div class="col-md-4 "> <div class="input-group"> <asp:TextBox runat="server" CssClass="form-control" ID="txtSearch_" PlaceHolder="Enter Case No"></asp:TextBox> <span class="input-group-btn"> <asp:Button runat="server" ID="btnSearchIncomingLetters" OnClick="btnSearchIncomingLetters_Click" CssClass="btn btn-warning" Text="Search" ValidationGroup="S" /> </span> </div> </div> <asp:Panel ID="Panel3" CssClass="col-md-12" runat="server" ScrollBars="Both"> <asp:GridView runat="server" ID="grdViewIncomingLetters" AllowPaging="true" PageSize="15" OnPageIndexChanging="grdViewIncomingLetters_PageIndexChanging" OnRowCommand="grdViewIncomingLetters_RowCommand" PagerStyle-BackColor="#99CC99" HeaderStyle-BackColor="#99CC99" DataKeyNames="pk_CaseIncomingLetters_CaseIncomingLetterID" AutoGenerateColumns="false" CssClass="table table-condensed table-bordered table-striped table-responsive"> <PagerSettings Mode="Numeric" /> <PagerStyle HorizontalAlign="Center" CssClass="gvwCasesPager" /> <Columns> <asp:BoundField DataField="pk_CaseIncomingLetters_CaseIncomingLetterID" HeaderText="S.No" /> <asp:BoundField DataField="CaseNo" HeaderText="Case No" /> <asp:BoundField DataField="IncomingLetterNo" HeaderText="LetterNo" /> <%-- <asp:BoundField DataField="CaseLetterComments" HeaderText="CaseLetterComments" />--%> <asp:BoundField DataField="IncomingLetterFrom" HeaderText="Letter From" /> <asp:BoundField DataField="IncomingLetterTo" HeaderText="Letter To" /> <%--<asp:BoundField DataField="LetterBody" HeaderText="Body" />--%> <asp:BoundField DataField="IncomingLetterDate" HeaderText="Letter Date" /> <asp:BoundField DataField="fk_ConcernedOffices_CaseHearings_ConcernedOfficeID" HeaderText="OfficeID" /> <asp:BoundField DataField="ConcernedOfficeName" HeaderText="Concerned Office" /> <asp:TemplateField HeaderText="Letter Copy"> <ItemTemplate> <%-- <img src='../SiteImages/<%# Eval("IncomingLetterCopy") %>' width="20" height="20" onmouseover="ShowFull(this)" onmouseout="ShowActual(this)" />--%> <asp:ImageButton ID="btnIncomingLetterCopy" runat="server" ImageUrl="~/SiteImages/viewletter.png" CommandName="cmdShowIncomingLetter" CommandArgument='<%# Container.DataItemIndex %>' ControlStyle-Width="20px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="IncomingLetterCopyTitle" HeaderText="Letter Copy Title" /> <asp:TemplateField HeaderText="Edit"> <ItemTemplate> <asp:ImageButton ID="btnEdit" runat="server" ImageUrl="~/assets/global/images/shopping/edit.png" CommandName="cmdEdit" CommandArgument='<%# Container.DataItemIndex %>' ControlStyle-Width="25px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Delete"> <ItemTemplate> <asp:ImageButton ID="btnDelete" runat="server" ImageUrl="~/assets/global/images/shopping/delete.png" CommandName="cmdDelete" CommandArgument='<%# Container.DataItemIndex %>' OnClientClick="return confirm('Are you Sure ?');" ControlStyle-Width="20px" ControlStyle-Height="20px" /> </ItemTemplate> </asp:TemplateField>
</Columns> </asp:GridView>
</asp:Panel> <div class="clearfix"></div>
</div> </div>
</asp:Panel> </div> </asp:View> </asp:MultiView> </ContentTemplate> <Triggers> <asp:PostBackTrigger ControlID="btnUpdate" /> <asp:PostBackTrigger ControlID="btnAddIncomingLetterDetails" /> <asp:PostBackTrigger ControlID="btnUpdateIncomingLetterDetails" /> <asp:PostBackTrigger ControlID="btnAddCaseLetterDetails" /> </Triggers> </asp:UpdatePanel></asp:Content>
Saturday, January 23, 2016 5:13 PM -
User2103319870 posted
Thats a whole lots of code and its tough to read, when posting post the relevant set of code instead of posting entire set. having said this on an inital search I couldnt not find you are using the javascript provided. Are you using the below line of code
<script type="text/javascript"> function pageLoad(sender, args) { if (!args.get_isPartialLoad()) { $addHandler(document, "keydown", onKeyDown); } } function onKeyDown(e) { $find('modalPopupExtender1').hide(); } </script>if not please add this code.
Additionally add a BehaviourID property to your modal popup
<asp:ModalPopupExtender ID="mdlMessageBox" BackgroundCssClass="modalBackground" BehaviorID="modalPopupExtender1" runat="server" TargetControlID="hdnField1" PopupControlID="ImageLetterCopy"> </asp:ModalPopupExtender>- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Saturday, January 23, 2016 5:44 PM -
User61956409 posted
Hi StackUnderflow,
You could refer to the following sample code to hide Modal Popup using Javascript code.
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="http://code.jquery.com/jquery-2.2.0.min.js"></script> <style> .mbgc { background-color: gray; opacity: 0.8; } </style> <script> $(function () { $("#btnshow").click(function () { $(".mbgc").bind("click", function () { //alert("111"); $find('mymodal').hide(); }); }) $(document).keydown(function (e) { if (e.keyCode == 27) { $find('mymodal').hide(); } }) }) </script> </head> <body> <form id="form1" runat="server"> <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager> <div> <asp:Button ID="btnshow" runat="server" Text="Show Modal" /> <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" BehaviorID="mymodal" TargetControlID="btnshow" PopupControlID="Panel1" BackgroundCssClass="mbgc"></asp:ModalPopupExtender> <asp:Panel ID="Panel1" runat="server" CssClass="mypanel"> Modal Popup Content </asp:Panel> </div> </form> </body> </html>Best Regards,
Fei Han
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Tuesday, January 26, 2016 6:07 AM
