【问题标题】:how to have xsp-responsive-modal centered如何让 xsp-responsive-modal 居中
【发布时间】:2018-02-07 08:07:49
【问题描述】:

我有一个很长的 XPage,并在它的多个位置使用对话框。我注意到 xp:dialogbox 控件需要向上导航到 xpage 才能读取它。

是否可以(有时)居中显示?

对话框的内容(高度)因情况而异?

【问题讨论】:

    标签: css twitter-bootstrap xpages


    【解决方案1】:

    使用引导主题,从顶部到顶部的高度通过 CSS 管理,作为上边距。您可以在应用程序级样式表中覆盖它,也可能在每个对话框中覆盖它。我认为您不能即时计算对话框的高度,但您应该能够识别页面高度并根据您期望对话框的近似高度进行计算。我不确定如果用户更改浏览器窗口的高度,浏览器是否会重新绘制,但如果是这种情况,那就是浏览器限制,而不是 XPages 限制。

    【讨论】:

    • 添加了具有属性的 xsp-responsive-modal 类。我尝试了一种纯 CSS 方法,例如: .modal { max-height: calc(100% - 100px);位置:固定;最高:50%;左:50%;变换:翻译(-50%,-50%); } 但随后模态的标题最初消失了
    猜你喜欢
    • 2017-01-21
    • 1970-01-01
    • 1970-01-01
    • 2023-02-15
    • 2021-10-10
    • 1970-01-01
    • 1970-01-01
    • 2019-06-01
    • 1970-01-01
    相关资源
    最近更新 更多