浮动工具栏/动作条/按钮栏XPages中?(Floating toolbar / actionbar

2019-10-16 19:33发布

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

我想在工具栏,而浏览器滚动停留在浏览器的顶部。

扩展页面工具栏看起来真的不错,但首先它只做客户端代码,并没有出现浮动。

Answer 1:

浮动是你可以使用CSS做,以下:

position: fixed;
top: 0;

对于中使用XPages扩展库XE:工具栏控件,您需要使用覆盖您的自定义样式表下面的样式类:

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

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

氙气:工具栏做服务器端代码太,因为它使用树节点和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
 }


文章来源: Floating toolbar / actionbar / buttonbar in XPages?