L'extender popup modale viene arrotondato localmente ma non sul server
-
06-07-2019 - |
Domanda
ASP.net ajax 2.0
Ho un extender modalpopup che assomiglia a questo:
alt text http://img441.imageshack.us/img441/6342/localmodal .jpg
Il pop-up modale attuale è avvolto attorno a un estensore ad angolo arrotondato per conferire un aspetto curvo. Ecco un semplice frammento di codice:
<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>
La cosa strana è che sul mio computer locale con IE8 sembra fantastico, anche sul server usando firefox / chrome sembra fantastico. Ma una volta che è sul server e utilizzo IE8 non è più arrotondato, è sostanzialmente un quadrato.
Semplicemente non ha senso il motivo per cui a livello locale usando IE8 funziona, ma sul server web reale usando IE8 non è più arrotondato, sembra così:
alt text http://img441.imageshack.us/img441/2977/servermodal .jpg
Soluzione
Suppongo che tu abbia probabilmente affrontato questo problema da quando era tanto tempo fa, ma mi sono imbattuto in questo http://www.mindfiresolutions.com/Workaround-for-Modal-Popup-with-RoundedCornerExtender-issue-833.php che sembra funzionare per me. Sembra che il trucco sia, oltre a utilizzare due pannelli, impostare il colore posteriore del pannello del contenitore su Trasparente