更改选定导航器项目的外观
Change the looks of selected navigator item
我已经使用 Extension Library Navigator 玩了一段时间,但我不知道如何使选定(或当前打开的页面基本节点)节点更改任何外观属性,例如字体或颜色。我正在尝试这样做,以便用户可以知道当前打开的页面。关于如何做到这一点的任何提示?
另一个选项,不像 Per 建议的那样简单,是通过一些脚本进行自定义。
例如,我使用纯 HTML 和 bootstrap 构建了我的站点导航。
我的linkHTML看起来像这样
<a id="YOURLINKIDHERE" href="vwBringUpsByDate.xsp">Bring ups</a>
当页面加载时,您可以使用下面的脚本根据您的喜好自定义您选择的菜单项,字体、颜色、背景等,只需参考 link ID....
<xp:eventHandler event="onClientLoad" submit="false">
<xp:this.script><![CDATA[$("*[id$='YOURLINKIDHERE']").css('background-color', '#eeeeee');]]></xp:this.script>
</xp:eventHandler>
不理想,因为您必须将脚本放在要修改菜单的每个页面上 link,但是为您提供了一些很好的自定义选项...
我已经使用 Extension Library Navigator 玩了一段时间,但我不知道如何使选定(或当前打开的页面基本节点)节点更改任何外观属性,例如字体或颜色。我正在尝试这样做,以便用户可以知道当前打开的页面。关于如何做到这一点的任何提示?
另一个选项,不像 Per 建议的那样简单,是通过一些脚本进行自定义。
例如,我使用纯 HTML 和 bootstrap 构建了我的站点导航。
我的linkHTML看起来像这样
<a id="YOURLINKIDHERE" href="vwBringUpsByDate.xsp">Bring ups</a>
当页面加载时,您可以使用下面的脚本根据您的喜好自定义您选择的菜单项,字体、颜色、背景等,只需参考 link ID....
<xp:eventHandler event="onClientLoad" submit="false">
<xp:this.script><![CDATA[$("*[id$='YOURLINKIDHERE']").css('background-color', '#eeeeee');]]></xp:this.script>
</xp:eventHandler>
不理想,因为您必须将脚本放在要修改菜单的每个页面上 link,但是为您提供了一些很好的自定义选项...