Angular UI Bootstrap Dialog 很容易实现,但很难定制。
你到底如何改变宽度?或者甚至是最大宽度?
http://angular-ui.github.com/bootstrap/#/dialog http://angular-ui.github.com/bootstrap/#/dialog
我试过了$dialog.dialog({width:600})
和其他变化,但没有欢乐。
对于版本 0.8/0.9,布局已更改,因此您无需指定模态类,我稍微摆弄了一下,发现您可以使用嵌套的 CCS 定义,如下所示:
.xx-dialog .modal-dialog {
width :90%;
min-width: 800px;
}
当您启动模式对话框时,请指定 windowsStyle,如下所示:
modalInstance = $modal.open({
templateUrl: 'templates/editxxx.html',
controller: EditXXCtrl,
windowClass: 'xx-dialog',
resolve: {
xx_uuid: function () {
return xx_guid;
}
}
});
但请注意,窗口样式适用于整个窗口,包括背景。
希望能帮助到你
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)