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

Était-ce utile?

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

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top