Modal popup et crystal report

Bonjour le forum,
voila je viens ce matin présenter un problème que je rentre
j'essais de mettre sur pied une application web avec Modal popup pour l'affiche d'un rapport crystal report
lorsque je click sur le bouton j'obtient toujours une page vide alors que avec un gridview cela fonctionne bien

Code:

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>

j'aimerais savoir ce bloque afin de corrigé le problème?