Option dialog 右上角可以添加关闭的X吗

image

业务需求做一个预览的功能,期望打开一个展示预览的界面,右上角有X来关闭,无需其他按钮;

不想在开个screen,因为还需要在配置权限,因此后台代码创建一个optiondialog展示html;

但是右上角没有关闭的X

可以用 createMessageDialog():

dialogs.createMessageDialog()
        .withCaption("Hello")
        .withMessage("<p>Hello from html!</p>")
        .withContentMode(ContentMode.HTML)
        .withHtmlSanitizer(true)
        .show();

效果:
image

ok按钮可以去掉吗

应该只能通过样式了:

  1. 给弹窗添加一个 stylename
 dialogs.createMessageDialog()
          .withCaption("Hello")
          .withMessage("<p>Hello from html!</p>")
          .withContentMode(ContentMode.HTML)
          .withHtmlSanitizer(true)
          .withStyleName("no-ok-btn-msg-dialog") // 没有ok button 的message dialog
          .show();
  1. css:
  .no-ok-btn-msg-dialog .v-window-contents .v-verticallayout-jmix-app-message-dialog .v-slot:not(.v-slot-jmix-app-message-dialog-text){
    display: none !important;
  }