2015-05-09 7 views
8

'da iletişim genişliğini nasıl ayarlayabilirim? İletişim kutusunun genişliğini ayarlamaya çalışıyorum ve henüz başaramadım (henüz). Bir CSS sınıfı ekledim, ancak genişlik grubu diyalog gölgesinden biri.ngDialog

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

DÜZENLEME: Burada çözüm çalışma ile düzeltilmiş keman: https://jsfiddle.net/jr626fww/8/

+3

modal içerik sınıfı adı ngdialog içerik ** olduğu * * CSS: .ngdialog.dialogwidth800 .ngdialog-content {width: 800px;} –

+0

@wZVang haklıysa, class .ngdialog-content öğesine genişlik uygulayın. – Konammagari

+0

Çok teşekkürler, @wZVanG çözümünü kullandım ve Fiddle'ı düzenledim. – GuillaumeS

cevap

10

sınıfının kullanılması .ngdialog-content{width :100px !important;} ile genişliğini uygula önemli Kolayca özel css gibi kullanılarak elde herhangi css, tesisi

+1

En azından ihtiyaç duyulduğunda kullanılmış olan "! Önemli" yi kullanın ve sınıfı düzenlemenin bir yolu yoktur. Ancak, bu kez, sınıfı ana sınıfa ekleyerek sonuçları alabilirsiniz: .ngdialog.dialogwidth800 .ngdialog-content {...} –

+1

Bu çözüm tüm ngDialogları etkiler. @BharatBhushan – betomoretti

10

geçersiz kılmak için çok önemlidir Eğer ngDialog açtığınızda

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

bu css sınıfını kullanın: aşağıdaki:

kullanmak için özel genişlik-900

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

kullanmak için özel genişlikte-900

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