jquery - Wijmo Dialog的高级定位

Question

我正在尝试将 Wijmo 对话框定位在中心位置，但我的页面中间有一个水平拆分器，这涵盖了我的对话框的一部分。

因此，我希望将小部件放置在顶部中心，比如页面的中上部。

例如，我想做以下事情：

• 宽度：40%
• 左边距：30%
• 右边距：30%
• 高度：300 像素
• 保证金最高：20%

Wijmo 如何做到这一点？是否有任何图书馆可以使这项任务更容易？

Answer 1

正确定位 Wijmo 对象的正确解决方案是使用 JQuery 定位功能放置它们，如下所示：

  $('#configurationFormSubmissionDialog').wijdialog(
    captionButtons: {
    pin: {visible: false }
    refresh: {visible: false}
    toggle: {visible: false }
    minimize: {visible: false }
    maximize: {visible: false }
    close: {visible: false }
    }
    resizable: false,
    title: "An error has occurred"
    modal: true
    zIndex: 0
    position:
      my: 'center'
      at: 'center'
      of: $('#configuration-tab')
  )