Как я могу сделать мой модальный Popup Extender модальным? (Отключить фон)

В свое приложение asp.net я добавил простой модальный расширитель всплывающих окон ajax.

Он отображается и работает правильно, однако, в отличие от примера на веб-сайте инструментария ajax, он не отключает / затемняет остальную часть страницы. Что мне нужно сделать, чтобы добиться этого эффекта?

 <asp:Button ID="btnSaveAndClose" runat="server" Text="Save" 
                onclick="btnSaveAndClose_Click"/>

                <cc1:ModalPopupExtender 
                BackgroundCssClass="modalBackground" 
                DropShadow="true" 
                OkControlID="btnOk" 
                CancelControlID="btnOk" 
                runat="server" 
                PopupControlID="pnlClientSaved" 
                id="ModalPopupExtender1" 
                TargetControlID="btnSaveAndClose"
                 /> 

<asp:Panel ID="pnlClientSaved" runat="server" CssClass="modalPopup" style="display:none;" Width="300px" Height="200px"> 
Client Saved!
<br /><br /> 
<asp:Button ID="btnOk" runat="server" Text="Ok" /> 
</asp:Panel> 
13.10.2009 10:39:34
3 ОТВЕТА
РЕШЕНИЕ

Вы должны написать соответствующий стиль в классе CSS "modalBackground". Соответствующее свойство уже было установлено в вашем коде:

BackgroundCssClass="modalBackground" 

Вот список этого класса из примера страницы :

.modalBackground 
{
    background-color:Gray;
    opacity:0.7;
}
4
13.10.2009 10:43:57
Приветствия, я не понимал, как это отключило бы фон, но так или иначе это сделало. Спасибо.
NibblyPig 13.10.2009 10:51:40
Добро пожаловать! Они просто добавляют еще один div с этим классом CSS, который распространяется на весь контент.
Restuta 13.10.2009 10:55:46
.modalBackground
{
    background-color:Gray ;
    filter:alpha(opacity=30);

} 
0
7.12.2011 07:51:22
Скажите, пожалуйста, почему вы ответите на вопрос с ТОЧНЫМ ЖЕ ОТВЕТОМ, данным (и принятым) за два года до этого ?!
mbinette 5.11.2012 01:37:26

Ответ не останавливает прокрутку в фоновом режиме, что IMO является истинным отключением фона .

Я сделал это с помощью этого ...

Оберните ваш ContentPlaceHolder в <DIV id="wrapper">

И используя Jquery ... в своем основном теле, используйте этот код со ссылочными CSS-классами в ваших объектах.

Так что CSSClass="popupOK"в вашем ярлыке или элементе управления внутри modalpopupextender, а также CSSClass="promoVisible"в ваших кнопках OK или CANCEL, которые должны удалять всплывающее окно.

$(document).ready(function () {
    //had to set position:fixed to work on iPad and other mobile    
    $('.popupOk').click( function(){
      $('#wrapper').css('overflow', 'auto');
      $('#wrapper').css('position', 'inherit');
      //  alert("ok clicked");
    });
    // if the popup is visible, fix the overflow so the
    // background doesn't scroll, only the popup window
    if($('.promoVisible').is(':visible')){
      $('#wrapper').css('overflow', 'hidden');
      $('#wrapper').css('position', 'fixed');
    } else{
      $('#wrapper').css('overflow', 'auto');
      $('#wrapper').css('position', 'inherit');
    }
)}
0
17.10.2016 05:18:01