Xpages xe:navigator,可扩展:如何用一些自定义图标替换“扭曲”?

Xpages xe:navigator,可扩展:如何用一些自定义图标替换“扭曲”?,xpages,xpages-extlib,Xpages,Xpages Extlib,对于导航,我使用一个xe:navigator并包含xe:basicContainerNodes,而这些节点又包含xe:pageTreeNodes。我认为这是一个相当经典的设计 如果我将xe:navigator标记为可扩展的,那么所有containerNodes都显示了一些乍一看似乎是经典扭曲的东西,以便用户可以折叠/扩展它们 这还行,但我想用显示+或-的图标替换扭曲,因为这就是我在应用程序中其他地方使用的图标 查看为我的导航器呈现的html代码,我发现扭曲实际上是通过css应用的背景精灵链接:

对于导航,我使用一个xe:navigator并包含xe:basicContainerNodes,而这些节点又包含xe:pageTreeNodes。我认为这是一个相当经典的设计

如果我将xe:navigator标记为可扩展的,那么所有containerNodes都显示了一些乍一看似乎是经典扭曲的东西,以便用户可以折叠/扩展它们

这还行,但我想用显示+或-的图标替换扭曲,因为这就是我在应用程序中其他地方使用的图标

查看为我的导航器呈现的html代码,我发现扭曲实际上是通过css应用的背景精灵链接:

<a class="lotusSprite lotusArrow lotusTwistyOpenMenu" style="padding: 0px" role="button" href="#" onclick="javascript:XSP.oneUIMenuSwap(event,'wipe','view:_id1:_id2:facetLeft:_id278:outline_node_0')" title="Click to expand or collapse this section">  
  <span class="lotusAltText">▼</span>  
</a>
顺便说一句:链接内部似乎是一个伪元素,因为它被设置为display:none

检查精灵时,我实际上发现了一些+图标,但没有一个

问:除了建造我自己的精灵并替换原来的精灵之外,还有可能实现我的目标吗

更新:另一个有用的选项是使容器的标签可点击,以便用户可以通过点击标题标签来展开/折叠容器。你知道吗


更新2:显然没有太多响应;。同时,我通过切换到基于手风琴的导航器解决了这个问题;更多的编程工作,但外观也更好

通过切换到手风琴解决了这个问题。看起来更漂亮,但要保持右手风琴面板打开并标记当前选定的菜单项,需要更多的编程工作