Pergunta

ASP.net ajax 2.0

Eu tenho um extensor ModalPopup parecida com esta:

alt texto http://img441.imageshack.us/img441/6342/localmodal .jpg

O popup modal real é acondicionada em torno de um extensor de canto arredondado para dar-lhe o bom curvo olhar. Aqui é um simples trecho de código:

<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>

O estranho é na minha máquina local executando o IE8 parece ótimo, mesmo no servidor usando o Firefox / Chrome parece ótimo. Mas uma vez que está no servidor e eu uso o IE8 não é mais arredondado que é basicamente um quadrado.

Ele só não faz sentido porque localmente usando IE8 ele funciona, mas no servidor web real usando IE8 não é mais arredondada, parece que isso:

alt texto http://img441.imageshack.us/img441/2977/servermodal .jpg

Foi útil?

Solução

Meu palpite é que você provavelmente se mudaram com esta questão uma vez que este foi há tanto tempo, mas me deparei com este http://www.mindfiresolutions.com/Workaround-for-Modal-Popup-with-RoundedCornerExtender-issue-833.php que parece trabalho para mim. Parece que o truque é, além de usar dois painéis, definir a cor de trás do painel do recipiente para transparente

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top