asp.net - 'Asp.net 中的通知位置。样板文件'

Question

是否有可能改变软通知 abp.notify.warn 的窗口显示位置？

我们可以在abp.notify.warn()软通知中调整显示窗口 xy 吗？

abp.notify.warn(app.localize('EmployeeNotFound'));

score 1 · Accepted Answer

它是 toastr 插件。实现在 abp.toastr.js 中完成。编写下面的代码来配置位置。

toastr.options.positionClass = 'toast-top-right';

score 0 · Accepted Answer

0

您可以在最新版本的 ABP 中在此文件中进行修改：

abp.notify.js

于 2021-05-31T11:27:20.900 回答

score 0 · Accepted Answer

通知使用 toastr 插件来显示消息，你可以参考 toastr demo here。并在 abp.toastr.js 文件中更改您想要的内容

score 0 · Accepted Answer

我认为您将需要实现自定义 CSS 以实现针对sweet-alertcss 类的目标。

您应该查看SweetAlert文档。每个 abp 弹出窗口都使用这个插件。

score 0 · Accepted Answer

实际上 abp.notify.warn 允许传递options参数。这样您就可以轻松地为通知框指定确切的 X、Y 位置。

这是方法签名：

NotifyService.warn(message: string, title?: string, options?: any): void

因此，您可以像这样调整显示窗口 x,y：

abp.notify.warn(app.localize('EmployeeNotFound'), '', {
      "position": "55,150"
    });

如果您也喜欢使用，还有一组预定义的位置：

'top'、'top-start'、'top-end'、'center'、'center-start'、'center-end'、'bottom'、'bottom-start' 或 'bottom-end'

5 回答 5