Is it possible to give the size of the modal in the options

angularjs, twitter-bootstrap

Solution

Yes you can provide a `size` key value(sm, md, lg) which interpolates to `.modal-sm, .modal-md and .modal-lg`.

As stated in the angular-bootstrap documentation:

size - optional size of modal window. Allowed values: 'sm' (small) or 'lg' (large). Requires Bootstrap 3.1.0 or later

Javascript

 var options = {
          backdrop: false,
          keyboard: true,
          backdropClick: false,
          templateUrl: 'a.html',
          controller: 'aController',
          size: 'lg' // sm, md, lg
 };
 var modalInstance = $modal.open(options);

If you are not satisfied with the size provided by those values, then you have two options:

[1] Add a class to the top level modal window using the `windowClass` attribute and then use this class to change the respective elements via css child selectors.

[2] You can also change the template using the `windowTemplateUrl` and override the default template implementation or create one yourself.

Problem

I am using bootstrap modal to show messages: ``` var options = { backdrop: false, keyboard: true, backdropClick: false, templateUrl: 'a.html', controller: 'aController', }; var modalInstance = $modal.open(options); ``` Is it possible to give the custom width and height style properties?

Original source