为选定的treeNodes设置styleClass

Question

我偶尔会遇到以下问题，这可能很容易解决。但也许我根本就没有得到它。

在XPage treeNode 中，例如用于xe:navigator的{​​{1}}（pageTreeNode，placeBarActions等）我想知道如何影响styleClass属性，以便我可以影响“选定的颜色”。

xe:applicationLayout

在此示例中，styleClass'bg-info'将始终分配给titleBarTab。这是标签的背景。对于选定的标签，“自动”类会自动分配：<xe:this.titleBarTabs> <xe:pageTreeNode label="Label Acc1" selection="/Admin/Acc1/.*" page="/xpAdminAcc1.xsp" styleClass="bg-info"> </xe:pageTreeNode> <!--- ... --> </xe:this.titleBarTabs> 。

有没有办法定义，例如class bg-primary用于活动？

我正在使用bootstrap3主题。这是HTML生成的代码。如您所见，唯一的区别是激活的菜单项的类包含“活动”类：

class"bg-info active"

Answer 1

如果您向应用程序添加样式表并指定要应用于该类的样式，那么因为它在应用程序级别而不是服务器级别，所以CSS的标准规则（层叠样式表，因此样式级联下来和将获得扩展/覆盖）并且应用程序级别优先。只需记住在主题资源/布局Custom Control / XPage上添加应用程序样式表作为资源。 XPage是最不可取的，因为它需要在多个地方添加。

最简单的方法是使用Firebug或其他检查工具，选择元素，找到设置当前主题的CSS，将其复制并粘贴到应用程序的样式表中并相应地覆盖设置。

以下是一个略有不同元素的示例：

我的CSS是：

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
background-color:red;

}