Как установить ширину диалогового окна в ngDialog

Question

Я просто пытаюсь установить ширину диалогового окна, и мне пока не удалось (пока). Я добавил класс CSS, но набор ширины является одним из оттенков диалога.

.dialogwidth800 { 
    width : 800px; 
} 
... 
ngDialog.openConfirm({ 
    template: 'templateRemove', 
    className: 'ngdialog-theme-default dialogwidth800', 
    scope: $scope 
}).then(

EDIT: скрипка исправлен с рабочим раствором здесь: https://jsfiddle.net/jr626fww/8/

Answer 1

Применить ширину с классом .ngdialog-content{width :100px !important;} Использования важно очень важна, чтобы переопределить любое имущество, CSS

Answer 2

Он может легко добиться с помощью пользовательских CSS, как ниже:

.ngdialog.ngdialog-theme-default.custom-width-800 .ngdialog-content { 
    width: 800px; 
} 
.ngdialog.ngdialog-theme-default.custom-width-900 .ngdialog-content { 
    width: 900px; 
} 

Используйте эти CSS класс при открытии ngDialog:

Чтобы использовать пользовательскую ширину-900

ngDialog.openConfirm({ 
    template: 'templateRemove', 
    className: 'ngdialog-theme-default custom-width-800', 
    scope: $scope 
}); 

Чтобы использовать на заказ ширина-900

ngDialog.openConfirm({ 
    template: 'templateRemove', 
    className: 'ngdialog-theme-default custom-width-900', 
    scope: $scope 
});