我怎樣才能在ngDialog中設置對話框寬度

我只是試圖設置對話框的寬度，我還沒有成功（但）。我已經添加了一個CSS類，但寬度集是對話框中的一個陰影。我怎樣才能在ngDialog中設置對話框寬度

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

編輯：撥弄着在這裏工作的解決方案更正：https://jsfiddle.net/jr626fww/8/

來源

2015-05-09 GuillaumeS

的模式內容的類名是** ngdialog內容* * CSS：.ngdialog.dialogwidth800 .ngdialog-content {width：800px;} –

@wZVang是對的，將width應用於類.ngdialog-content。 – Konammagari

非常感謝，我使用了@wZVanG解決方案，並且我編輯了小提琴。 – GuillaumeS

應用與.ngdialog-content{width :100px !important;}使用類寬度重要的是非常重要的，覆蓋任何CSS屬性

來源

2015-05-09 09:08:10

使用「！important」至少在需要時使用，並且無法編輯課程。但是，這一次，您可以通過將類添加到主類來獲得結果：.ngdialog.dialogwidth800 .ngdialog-content {...} –

此解決方案影響所有ngDialogs。 @BharatBhushan – betomoretti

它可以很容易地通過使用自定義的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 
});

來源

2016-02-18 07:11:40 developerbhuwan

我怎樣才能在ngDialog中設置對話框寬度

回答

相關問題