Maybe this directive should provide a 'width' options?

[likeastore]

Maybe this directive should provide a 'width' options?

[voronianski]

@natee actually what is stopping you from using css to specify width?!

This shouldn't be done in source code, all styling can be easily achieved through css, built-in themes could be as an example.

[natee]

@voronianski
yeah,but css can only control one fixed width!
For example ,when i want to set a dialog's width a width '400px' ,i will set the 'width:400px' to 'ngdialog-content'.At the same time ,i want to set another dialog's width to '800px',then how should i do?

[voronianski]

@natee just add additional classes for your additional widths of the dialogs:

<button type="button"
    ng-dialog="yourTemplateId"
    ng-dialog-class="your-theme width400">

or

ngDialog.open({
    template: 'yourTemplateId',
    className: 'your-theme width800'
});

[natee]

Thanks ,that's a nice method!

[dannygoncalves]

Sorry for waking up this old thread @voronianski , but I'm using your ngDialog with gulp and I need to change the width, whenever i change the theme in the controller.

ngDialog.open({
    template: tpl.path,
    className: 'ngdialog-theme-mycustom'
 });

and I add the styles to my main css, doesn't work

Now if i just modify the classes by default, they still keep getting overlapped by the ones in vendor folder of the project (the default ones) in min.css

No idea how to achieve this.