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

È stato utile?

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

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top