自定义NgbModal大小
自定义NgbModal大小
提问于 2018-09-20 05:32:12
我使用Angular 6和NgbModal，如下所示
openViewDescriptionModal(id) {
const viewModal = this.modalService.open(ProductComponent, {size: 'lg'});
}但这会打开宽度为50%的模式，两边只有25%的空间是空的。
我想重新设计模式宽度高达90%的窗口宽度。
但是NgbModal只允许sm和lg大小。
如何增加模式的宽度，或者使用自定义类来增加模式的宽度？
我尝试将诸如xl之类的值设置为size，但它不起作用。我也尝试过定制modal类的CSS，但这也不起作用。
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-09-20 06:37:24
您可以设置引用某个类的'windowClass‘属性，因此您的代码将如下所示：
openViewDescriptionModal(id) {
const viewModal = this.modalService.open(ProductComponent, {size: 'lg', windowClass: 'modal-xl'});
}然后，在您正在使用的一些.css上，添加您自己的具有自定义大小的类来覆盖，如下所示：
.modal-xl .modal-lg {
max-width: 90%;
}Stack Overflow用户
发布于 2021-03-23 03:29:09
您还可以通过更改" size“变量的值来操作此大小！this.modalContent, {backdrop: 'static',size: 'sm', keyboard: false, centered: true}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52414475
复制相关文章
相似问题