Modal service in AngularJS that allows me to resize the size of the modal popup

Question

I'm writing an AngularJS app. I need to open a particular modal popup that is big in size. Is there any AngularJS library out there that allows me to open a modal popup according to my specification ? I have taken a look at AngularStrap : http://mgcrea.github.io/angular-strap/##modals, which looks like it doesn't support resizing at all, and AngularUI - Bootstrap : http://angular-ui.github.io/bootstrap/#/modal, which supports an option for big modal or small modal. I have measured the big modal and it's only 900px in width, which is not that big for me. I want the option to open the modal with specified size at will.

I have seen some answers on here that suggest to modify the .modal CSS if I want bigger modal popup, but I can't. Other parts of the code did use default modal popup, modify it will cause a mess everywhere else.

Is there any suggestions on how to accomplish this with AngularStrap (preferred library) or AngularUI - Bootstrap ?

Thanks,

Answer 1

I ended up using jQuery.addClass to append a separate class name into that modal. This is precisely the effect I'm looking for.

Answer 2

You can take a separate class name for that modal and make CSS changes using that class name.It won't affect the existing modals.

Answer 3

I tried using windowClass to my modal service and then appending custom CSS class to this:

windowClass: 'app-modal-window'
  .app-modal-window .modal-dialog{width: 375px;
}