Wie kann ich die Dialogbreite in ngDialog einstellen

Question

Ich versuche nur, die Breite des Dialogfelds zu setzen, und es ist mir (noch) nicht gelungen. Ich habe eine CSS-Klasse hinzugefügt, aber die Breite ist die der Dialogfarbe.

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

EDIT: Geige korrigiert mit Arbeitslösung hier: https://jsfiddle.net/jr626fww/8/

Answer 1

Breite Nehmen mit Klasse .ngdialog-content{width :100px !important;} Verwendung wichtig ist sehr wichtig, alle CSS-Eigenschaft außer Kraft zu setzen

Answer 2

Es kann durch Verwendung von benutzerdefinierten CSS leicht erreicht wie unten:

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

diese CSS-Klasse verwenden, wenn Sie ngDialog öffnen:

Um custom-Breite-900

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

verwenden custom-Breite-900

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