Nakładka dialogowa modularna jquery nie zajmuje całego ekranu.

Mam okno dialogowe modalne jquery i nie szarze się całkowicie po podniesieniu ekranu. Jeśli spojrzeć to jest przypisana do tego kodu CSS:Nakładka dialogowa modularna jquery nie zajmuje całego ekranu.

<div class="ui-widget-overlay" style="width: 1920px; height: 628px; z-index: 1001;"></div>

to jest z niestandardowego css generowanego z jQuery Themeroller.

Nie wiesz, dlaczego te wymiary zostały utworzone? Jeśli wybiorę wyższą liczbę dla wysokości, to obejmuje ona więcej ekranu, ale zastanawiam się, czy istnieje wartość, której mogę użyć do zrobienia całego ekranu. Próbowałem 100% i auto dla wzrostu, ale one nie robią nic.

Rozmiar okna jest w porządku, to po prostu wyszarzona nakładka za oknem dialogowym. Chcę, aby ta wyszarzona część za oknem dialogowym zajmowała rozmiar całego ekranu. Oto moje opcje dialogowe, których używam:

var dialogOpts={ 
    modal:true, 
    autoOpen: false, 
    resizable:false, 
    width: 525 
}

Z góry dziękuję.

Źródło

2012-06-29 Tom

jest to zamknięte? – icedek

spróbować czegoś jak

$("#dialog").dialog({ 
    position: ["left","top"], 
    width:"100%", 
    height:$(window).height(), 
    zIndex: 1000    
});

Źródło

2012-06-29 17:39:49 user969724

Wierzę, że Twoje sugestie zmieniają rozmiar okna modalnego. Nie tego chcę. Po prostu chcę zmienić nakładkę, znasz szara część za oknem dialogowym. Teraz nie działa na pełnym ekranie. – Tom

dlaczego nie zrobisz tego w tył, ustaw jak w moim kodzie i zmień tło tytułu na żądany rozmiar. Efekt powinien być taki sam. Jeśli chcesz zachować inną część podobną do tej w oknie dialogowym, bez rozciągania jej na cały ekran, ustaw ją nieco na szerokość/wysokość, a następnie rozciągnij całe okno dialogowe. – user969724

Używam okien dialogowych w kilku miejscach. Czasami po prostu ma jakiś tekst, a czasami ma formy. Rozciąganie okna wygląda okropnie. – Tom

spróbuj tego:

.ui-widget-overlay { 
    position: fixed !important; 
}

Źródło

2014-04-01 10:41:35 JavaMejo

Nie pytający, ale chciałem dodać komentarz mówiąc, że miałem ten dokładny problem i ta odpowiedź zadziałała dla mnie. – Frank

miałem ten sam problem, i to jak naprawiłem go:

<style> 
    .ui-widget-overlay 
    { 
     height: 100vw; 
    } 
</style>

Teraz vw jest View Szerokość i chcesz, aby nakładka modalna pokryła cały ekran. "Poprawna" miara powinna być vh (View Height), ale gdy próbowałem, to nie działało.

Oto link do vh and vw.

Mam nadzieję, że to pomaga,
Cheers

Źródło

2015-12-07 20:19:46

Nakładka dialogowa modularna jquery nie zajmuje całego ekranu.

Odpowiedz

Powiązane problemy