Tongchen Tongchen - 1 year ago 359
AngularJS Question

how to change the height of ngdialog

I want to set size of ngdialog ,when I write the code below
ngDialog.open({ template: 'adddUserDialog' , className: 'ngdialog-theme-default',width:800px,height:800px});
I find the height configuration doesn't take effect but the width configuration works properly.Maybe ngdialog open fucntion doesn't support the parameter of height.

Answer Source

If you read the documentation for ng-dialog options you can see that it does not accept height. However, you can set a custom class to the wrapper, which means you should be able to set a height through a class definition as follows:

js

ngDialog.open({
  template: 'adddUserDialog',
  className: 'ngdialog-theme-default',
  appendClassName: 'ngdialog-custom',
  width:800px
});

css

.ngdialog.ngdialog-custom .ngdialog-content {
  height: 800px;
}