css - XPages 中的浮动工具栏/操作栏/按钮栏？

Question

有没有人有一个类似于 Lotus Notes 客户端中的操作栏的 xXages 浮动工具栏？

我希望工具栏在浏览器滚动时保持在浏览器的顶部。

扩展页面工具栏看起来很不错，但首先它只处理客户端代码，而且它似乎没有浮动。

Answer 1

浮动是您可以使用 CSS 和以下内容执行的操作：

position: fixed;
top: 0;

对于 XPages 扩展库 xe:toolbar 控件，您需要在自定义样式表中使用覆盖以下样式类：

.tundra .dijitToolbar {
  position: fixed;
  top: 0;
}

然后你有一个浮动工具栏，当用户滚动时它会停留在窗口的顶部。

xe:toolbar 也执行服务器端代码，因为它使用 TreeNodes 和 onItemClick 事件，您可以在其中添加服务器端代码。

Answer 2

谢谢已经想出了几乎相同的答案。这是一个CC。

<xp:view xmlns:xp="http://www.ibm.com/xsp/core">

<xp:this.resources>
    <xp:styleSheet href="/PNC001.css"></xp:styleSheet>
</xp:this.resources>
<xp:panel id="toolbar" styleClass="PNCToolBar">

    <xp:callback facetName="ButtonBar" id="callback1"></xp:callback>
</xp:panel>

CSS

.PNCToolBar {
position:fixed;
top:0px;
left:0px;
width:100%;
height:46px;
color:#fff;
background:#F2F2F2;
padding-top:6.0px;
padding-left:15.0px
 }