bootstrap ui modal size

Question

I am creating a modal:

controller.buildingDetailsPopup = function () {
    var modalInstance = $uibModal.open({
        templateUrl: "/app/View/Partials/_biuldingDetailsPopup.html",
        controller: "biuldingDetailsPopupController",
        size: 'lg'

    });

is there a way to increase more big width via property size?

see [this](http://stackoverflow.com/questions/21311736/how-do-i-increase-modal-width-in-angular-ui-bootstrap/21312755#21312755) post — Rob J, May 20 '16 at 11:32

score 3 · Answer 1 · answered May 19 '16 at 15:17

3

From the docs:

size (Type: string, Example: lg) - Optional suffix of modal window class. The value used is appended to the modal- class, i.e. a value of sm gives modal-sm.

Perhaps create your own CSS class and make it the size you want?

answered May 19 '16 at 15:17

msanford

11,803
11
66
93

in size property has a larger class size ? – user6355594 May 19 '16 at 15:22
I don't see one [in the example](https://github.com/angular-ui/bootstrap/blob/master/src/modal/docs/demo.html). – msanford May 19 '16 at 15:26

score 2 · Answer 2 · answered May 20 '16 at 16:17

2

I would set the size option to my customOption(ex: mySize) and create a CSS class as below.

.modal-mySize {
   width: 1130px;
}

answered May 20 '16 at 16:17

Prabhaker Bobbili

56
3

score 0 · Answer 3 · answered May 19 '16 at 15:24

0

Hi you can override the css class for modal.

Example:

.modal-dialog {
    width: 35%;
}

    .modal-dialog .modal-lg {
        width: 60%;
    }

answered May 19 '16 at 15:24

David

641
1
8
23

bootstrap ui modal size

3 Answers3