gpt4 book ai didi

angularjs - 如何在 uibmodal 上使用自定义 css?如何为特定选择项自定义 uibmodal 的宽度和高度?

转载 作者:行者123 更新时间:2023-12-02 17:16:44 28 4
gpt4 key购买 nike

我有各种菜单项,它们在单击其中任何一个时都使用相同的 uibmodal。仅对于其中一个菜单选项,我希望 uibmodal 显示为较小的尺寸。我尝试了以下方法:

$scope.profile = function() {
var modalInstance = $uibModal.open({
templateUrl: 'views/modal/user_profile.html',
controller: 'UserController',
scope: $scope,
windowClass: 'userFileWindow',
size: 'sm'
});
};

尺寸:sm 无济于事。它显示与任何其他菜单选择一样的默认大小,如何修改此 uibmodal 的宽度和高度?

我是 Angular 的新手,如果这是一个疯狂的问题,我深表歉意。谢谢。

最佳答案

自定义uibModal全屏CSS&JS代码

JS :

var modalInstance = $uibModal.open({
animation: OrdersController.animationsEnabled,
ariaLabelledBy: 'modal-title',
ariaDescribedBy: 'modal-body',
templateUrl: 'GENERAL/Orders/orders.dialog.html',
controller: 'OrdersDialogController',
controllerAs: 'vm',
size: size, //param
backdrop: 'static',
keyboard: true,
backdropClick: false,
windowTopClass: '',
windowClass: 'my-modal', //maybe param
resolve: {
data: function () {
return data = { row: row, edit: type, order: vm.main, orderDetail: vm.detail };
}
}
})

CSS:

.my-modal .modal-dialog {
width: 100% !important;
padding: 0px;
margin: 0px;
}

.my-modal .modal-content {
width: 100% !important;
min-height: 100vh !important;
padding: 0px;
margin: 0px;
}

.my-modal .modal-footer {
position: absolute;
bottom: 0px;
width:100%;
padding:2px !important;
}

引用资料:

关于angularjs - 如何在 uibmodal 上使用自定义 css?如何为特定选择项自定义 uibmodal 的宽度和高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46006605/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com