2017-09-26 2 views
1

fullscreen Salut je modal avec la taille personnalisée:UI angulaire bootstrap modal

var dialog = modal.open({ 
 
        template: content, 
 
        size: size, 
 
        
 
        controller:'someController' 
 
        controllerAs: 'dialog' 
 
       });
.modal-custom-lg { 
 
    width:90%; 
 
    max-width:1200px; 
 
     height:100%; 
 

 
}

La largeur fonctionne très bien, mais la hauteur ne fonctionne pas. J'essaie de faire mon plein écran modal. Quelqu'un peut-il me suggérer comment faire mon plein écran modal?

+0

avez-vous essayer 100vh? –

+0

oui j'ai essayé, mais cela n'a pas fonctionné – depcka

+2

min-height: 100vh! Important ;, cela fonctionne pour moi –

Répondre

2

.modal-dialogue .modal sur mesure-atterrisseur {

width: 100%; 
height: 100%; 

}

.modal sur mesure-atterrisseur .modal- contenu {

width: 100%; 

height: 100%; 

}

+0

Oui 100% fonctionne également – depcka

1

donc je dois régler le modal dialogue et le contenu modal et non seulement la taille modale

.modal-custom-lg .modal-dialog { 
 
    
 
    width: 100%; 
 
    height: 100vh; 
 
    
 
} 
 

 
.modal-custom-lg .modal-content { 
 
    
 
    width: 100%; 
 
    
 
    height: 100vh; 
 
    
 
}

+0

Soyez prudent lorsque vous utilisez 100vh pour la hauteur, il peut aller sur la fenêtre d'ios safari. –