Le modal popup extender est arrondi localement mais pas sur le serveur
-
06-07-2019 - |
Question
ASP.net ajax 2.0
J'ai une extension modalpopup qui ressemble à ceci:
texte de remplacement http://img441.imageshack.us/img441/6342/localmodal .jpg
Le menu contextuel modal actuel est enroulé autour d’une extension de coin arrondie pour lui donner un joli aspect incurvé. Voici un extrait de code simple:
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" CancelControlID="btnCancel" OkControlID="btnOk" TargetControlID="ibStartNow" PopupControlID="Panel2" PopupDragHandleControlID="PopupHeader" BackgroundCssClass="ModalPopupBG">
<asp:Panel ID="Panel2" style="display: none" runat="server">
<asp:Panel ID="Panel3" runat="server">
<div class="ConfirmationPopup" style="text-align:center; margin-right:auto;margin-left:auto;">
<div class="PopupHeader" id="PopupHeader">
Confirm Start Now<br />
</div>
<div class="PopupBody">
<br />
This will save the expense report header and allow
<br />
you to enter items into your expense report, are you sure?
<br />
<br />
</div>
<div class="Controls">
<asp:ImageButton ID="btnOk" runat="server" imageurl="~/images/ok.gif" CausesValidation="False" />
<asp:ImageButton ID="btnCancel" runat="server" imageurl="~/images/cancel.gif" />
</div>
</div>
</asp:Panel>
</asp:Panel>
<ajaxToolkit:RoundedCornersExtender ID="RoundedCornersExtender2" runat="server" TargetControlID="Panel3" Radius="6" Corners="All" BorderColor="#9BD1FA" Color="#377CB1">
</ajaxToolkit:RoundedCornersExtender>
Ce qui est étrange, c’est que sur ma machine locale exécutant IE8, il a l’air superbe, même si sur le serveur avec Firefox / Chrome, il a l’air superbe. Mais une fois sur le serveur et sur IE8, il n’est plus arrondi, c’est un carré.
La raison pour laquelle IE8 fonctionne localement n’a pas de sens, mais sur le serveur Web utilisant IE8, il n’est plus arrondi, il se présente ainsi:
texte de remplacement http://img441.imageshack.us/img441/2977/servermodal .jpg
La solution
Je suppose que vous êtes probablement passé à autre chose depuis que c'était il y a si longtemps, mais je suis tombé par hasard sur cet élément http://www.mindfiresolutions.com/Workaround-for-Modal-Popup-with-RoundedCornerExtender-issue-833.php qui semble fonctionner pour moi. En plus d’utiliser deux panneaux, définissez la couleur de fond du panneau de conteneur sur Transparent