1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73
| <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ModalpopupTest.WebForm1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<%@ Register Assembly="CrystalDecisions.Web, Version=13.0.4000.0, Culture=neutral, PublicKeyToken=692fbea5521e1304" Namespace="CrystalDecisions.Web" TagPrefix="CR" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link href="css/bootstrap.min.css" rel="stylesheet" />
<style type="text/css">
.Modalbackground
{
background-color:black;
filter: alpha(opacity=40);
opacity:0.4;
}
.modalPopup{
background-color:#ffffff;
width:100%;
border:3px solid #0DA9D0;
height:75%;
}
.modalPopup .header{
background-color:#2fbdf1;
height:30px;
color:white;
line-height:30px;
text-align:center;
font-weight:bold;
}
.modalPopup .footer{
padding:3px;
}
.modalPopup .button{
height:2px;
color:white;
line-height:23px;
text-align:center;
font-weight:bold;
cursor:pointer;
background-color:red;
border:1px solid #5c5c5c;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:Button runat="server" ID="btnOpen" OnClick="btnOpen_Click" Text="Show Popup" CssClass="btn btn-primary" CausesValidation="false" />
<ajaxToolkit:ModalPopupExtender ID="mdpImprimer" PopupControlID="pImprimer" TargetControlID="lblmdpIndex" CancelControlID="btnClose" PopupDragHandleControlID="headerdiv" runat="server" BackgroundCssClass="Modalbackground"></ajaxToolkit:ModalPopupExtender>
<asp:Panel ID="pImprimer" CssClass="table-responsive" runat="server">
<div id="headerdiv" class="header"></div>
<div class="mb-3" style="overflow:scroll;width:100%;height:75%">
<div class="modal-body card-body bg-default-gradient modal-fullscreen">
<CR:CrystalReportViewer ID="cr" runat="server" AutoDataBind="true" />
</div>
</div>
<div id="footerdiv" class="footer">
<asp:Button ID="btnClose" runat="server" Text="Fermer" />
</div>
</asp:Panel>
<asp:Label ID="lblmdpIndex" runat="server" Text="Label" ForeColor="White"></asp:Label>
</form>
<script src="Scripts/jquery-3.6.0.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
</body>
</html> |
Partager