locked
Why doesn't ajaxModalExtender hide ? RRS feed

  • 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