xPage 添加 placeBar 项
xPage add placeBar item
我想在右侧添加 placeBar 标签..
PlaseBar 标题显示为左侧的文本,所有 buttons/items 显示在右侧。但是没有选项可以只添加一个 text/label 作为项目。如果我无法添加标签,那么我该如何设置按钮的样式以隐藏边框?
要回答您关于按钮样式的问题:将 border: none
添加到您的位置栏中的按钮,方法是将其添加到您的自定义 css 文件中:
.lotusPlaceBar .lotusBtn {
border: none;
}
这将仅针对位置栏中的按钮。
您也可以将自己的 class 添加到特定按钮,然后仅针对该 class。
最简单的解决方案可能是将内联 CSS 添加到您的按钮:
<xp:button value="need a label here" id="button3" style="border:none"></xp:button>
将 basicLeafNode
添加到您的 placeBarActions
<xe:this.placeBarActions>
<xe:basicLeafNode
label="need a label here"
enabled="false"
styleClass="labelPlaceBar">
</xe:basicLeafNode>
并给它一个 class "labelPlaceBar".
将启用设置为 "false"。这样就不会改变悬停在标签上的鼠标光标。
在 css 中使用 class "labelPlaceBar" 隐藏正常模式和悬停时标签的边框和背景:
.labelPlaceBar a, .labelPlaceBar a:hover {
border: none;
background: transparent;
}
然后它会像标签一样显示标签。
我想在右侧添加 placeBar 标签.. PlaseBar 标题显示为左侧的文本,所有 buttons/items 显示在右侧。但是没有选项可以只添加一个 text/label 作为项目。如果我无法添加标签,那么我该如何设置按钮的样式以隐藏边框?
要回答您关于按钮样式的问题:将 border: none
添加到您的位置栏中的按钮,方法是将其添加到您的自定义 css 文件中:
.lotusPlaceBar .lotusBtn {
border: none;
}
这将仅针对位置栏中的按钮。
您也可以将自己的 class 添加到特定按钮,然后仅针对该 class。
最简单的解决方案可能是将内联 CSS 添加到您的按钮:
<xp:button value="need a label here" id="button3" style="border:none"></xp:button>
将 basicLeafNode
添加到您的 placeBarActions
<xe:this.placeBarActions>
<xe:basicLeafNode
label="need a label here"
enabled="false"
styleClass="labelPlaceBar">
</xe:basicLeafNode>
并给它一个 class "labelPlaceBar".
将启用设置为 "false"。这样就不会改变悬停在标签上的鼠标光标。
在 css 中使用 class "labelPlaceBar" 隐藏正常模式和悬停时标签的边框和背景:
.labelPlaceBar a, .labelPlaceBar a:hover {
border: none;
background: transparent;
}
然后它会像标签一样显示标签。