Angular UI bootstrap modal fullscreen

user_4063677 0
Viewed 9709

Hi I have modal with custom size:

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

}

The width works fine but the height does not work. I am trying to make my modal fullscreen. Can anyone suggest me how to make my modal fullscreen?

bootstrap-modal angularjs modal-dialog css javascript
2 Answers
.modal-custom-lg .modal-dialog {
    width: 100%;
    height: 100%;
}

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

So I have to adjust the modal-dialog and modal-content as well not just modal size

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

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

user_40636770
Related