Question

是否有人拥有xXages的浮动工具栏，类似于Lotus Notes客户端中的操作栏？

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

扩展页面工具栏看起来非常不错，但首先它只执行客户端代码并且它似乎不会浮动。

Answer 1

您可以使用CSS和以下内容执行Float：

position: fixed;
top: 0;

对于XPage Extension Library xe：toolbar控件，您需要在自定义样式表中覆盖以下样式类：

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

然后，当用户滚动时，您有一个浮动工具栏，它位于窗口的顶部。

xe：工具栏也执行服务器端代码，因为它使用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
 }

在XPages中浮动工具栏/操作栏/按钮栏？

2 个答案: