CODEWITHSUNDEEP
angularjsangular-ui-bootstrap
user6355594
user6355594

Reputation: 1

bootstrap ui modal size

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?

Upvotes: 0

Views: 18412

Answers (3)

Prabhaker Bobbili
Prabhaker Bobbili

Reputation: 56

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

.modal-mySize {
   width: 1130px;
}

Upvotes: 2

David
David

Reputation: 641

Hi you can override the css class for modal.

Example: 

.modal-dialog {
    width: 35%;
}

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

Upvotes: 0

msanford
msanford

Reputation: 12227

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?

Upvotes: 3

Related Questions