如果使用了 7.5.1 之前的发行版中的定制主题,那么该主题可能无法如预期般在 V7.5.1 或更高版本中生效。
如果升级到 V7.5.1 或更高版本,那么必须编辑和恢复定制主题才能使用该定制主题。
开始之前
对于
IBM® Rational® Asset Manager 的先前发行版,您必须拥有定制的主题。可通过完成
使用主题来更改站点的外观 中的步骤来创建定制的主题。
保存定制的主题:
- 依次单击。
- 在“管理主题”部分中,单击下载当前主题。将提示您打开或保存压缩文件。
- 保存文件并将其重命名以将该文件标识为定制版本。
关于此任务
在
Rational Asset Manager V7.5.1 中,
header.jspf 文件已更新为显示已登录用户的名称、“登录”和“注销”链接、“帮助”菜单和菜单选项。
如果上载先前版本中的主题,这些项以及“帮助内容”、“扩展”和“关于 Rational Asset Manager”菜单选项在条幅中均不会显示。要查看这些选项,必须将其他 HTML 和 JavaScript 复制到
header.jspf 文件中。
过程
- 升级 Rational Asset Manager。 将应用此发行版的缺省主题。
- 可选: 下载已升级版本的 Rational Asset Manager 的缺省主题,以便您可以比较主题:
- 依次单击。
- 在“管理主题”部分中,单击下载当前主题。将提示您打开或保存压缩文件。
- 保存文件并将其重命名以将该文件标识为缺省版本。
- 抽取压缩文件。
- 在包含定制版本的主题的文件中,在文本编辑器中打开 header.jspf 文件。
- 复制以下 HTML 和 JavaScript 行并将其粘贴到 header.jspf 文件中的属于定制主题逻辑的位置。 如果下载缺省主题,那么可将更改与缺省 header.jspf 文件中的结构进行对比。
<h:panelGroup id="signin" rendered="#{!loginUser.user.registered}">
<h:outputLink id="loginURL" value="#{loginUser.loginAction}">
<h:outputText id="loginUid" value="#{loginUser.loginMsg}" />
</h:outputLink>
</h:panelGroup>
<h:panelGroup id="signout" rendered="#{loginUser.user.registered}">
<h:outputText id="welcomeUser" value="#{loginUser.welcomeMsg}" escape="false"/>
<h:outputText id="welcomeSeparator" value="|" />
<h:outputLink id="logoutLnk" value="javascript:logout();">
<h:outputText id="uidnotWAS" styleClass="signInOutText" value="#{loginUser.loginMsg}" />
</h:outputLink>
</h:panelGroup>
<a href="#" title="${bundle.navigation_help}" id="help_menu" class="jazz-ui-MenuPopup">
<span class="sprite-image help-menu"></span>
<img class="caret" src="${pageContext.request.contextPath}/javascript/dojo/jazz/ui/graphics/Toolbar/white-caret.gif" />
</a>
<script type="text/javascript">
dojo.addOnLoad(function() {
var helpMenu = new jazz.ui.MenuPopup({align: "right", cacheMenu: true},'help_menu'); //options,elementID
helpMenu.menuProvider = function() {
var menu = new jazz.app._ComponentMenu();
menu.addItemByArgs({label: "${bundle.navigation_help_content}", icon: dojo.moduleUrl("jazz.ui","graphics/PageTemplate/icons/systemhelp.gif"), onClick: function() {window.open("${applicationScope.docPath}/index.jsp")} });
menu.addItemByArgs({label: "${bundle.navigation_extensions}", icon: dojo.moduleUrl("ram","graphics/content/icons/extensions_obj.gif"), href: "${pageContext.request.contextPath}/extensions.jsp"});
menu.addItemByArgs({label: "${bundle.navigation_about}", icon: dojo.moduleUrl("ram","graphics/content/icons/ram_obj.gif"), onClick: showAboutDialog });
return menu;
};
);
</script>
- 为您的主题创建定制样式表以覆盖缺省样式。
- 创建一个或多个 CSS 文件,并将其保存在 theme/custom/css 目录中。
- 查看随 Rational Asset Manager 一起安装的缺省样式表。
对于您要更改的任何样式,请将样式规则复制到 CSS 文件中并编辑样式。您在新 CSS 文件中所做的更改会覆盖缺省样式表中的样式规则。
要点: 请勿修改主题归档文件中的缺省样式表。这些样式表是因发行版而异,并且在升级 Rational Asset Manager 时将被覆盖。
- 将 cssIncludes.jspf 文件复制到主题归档的 theme/custom 目录中。要在 V7.5.1 中使用定制样式表来覆盖缺省样式表,此 .jspf 文件是必需的。
- 将您的定制样式表以链接形式添加到 theme/custom/cssIncludes.jspf 中。 示例:
<link rel="stylesheet"
type="text/css" href="${pageContext.request.contextPath}/${applicationScope.themePath}/custom/css/jkeEnterprises.css"
/>
- 在定制目录中创建 images 文件夹,并将主题中使用的图像文件保存到其中。 示例:theme/custom/images-jke-enterprises
- 将主题压缩到归档文件中。
- 在“工具”页面的“管理主题”部分,单击浏览。
- 选择定制的归档文件。
- 单击上载。
下一步做什么
从主题归档中除去了很多用于条幅的样式表。您可以在
PageTemplate.css 文件中查看缺省样式规则,并创建您自己的样式表以覆盖这些样式。
PageTemplate.css 文件的缺省位置为
server/ram/javascript/dojo/jazz/ui/templates/PageTemplate.css。