使用主题来更改站点的外观

您可以通过创建定制级联样式表并提供定制图像来更改 IBM® Rational® Asset Manager Web 应用程序的外观。

开始之前

如果修改了缺省文件来定制 Rational Asset Manager 先前发行版的主题,那么在更新到 V7.5.2 之前,请下载当前主题。在更新期间,当前主题将被该版本的缺省主题覆盖。对服务器完成了 Rational Asset Manager 更新之后,向测试安装重新应用此主题以确定来自先前版本的问题。

关于此任务

存储库管理员可以下载包含了用于定义 Web 应用程序外观的图像和级联样式表的归档。定制了这些文件后,存储库管理员将上载经过更新的归档以实施更改。

过程

  1. 以存储库管理员身份登录 Web 客户端。
  2. 单击管理
  3. 在“存储库管理”侧栏中,单击工具
  4. 在“工具”页面上,查找“管理主题”部分。
  5. 单击下载当前主题
  6. currentTheme.zip 归档保存到本地计算机上。 该归档文件包含级联样式表 (CSS)、JavaServer Pages (JSP) 和映像文件。
  7. 将该归档解压缩。保留文件夹结构。
  8. 创建一个或多个 CSS 文件并将它们保存到 theme/custom/css 目录中。
  9. 查看通过 Rational Asset Manager 安装的缺省样式表。对于您想要更改的任何样式,将样式规则复制到 CSS 文件并编辑样式。在新 CSS 文件中所作的更改将覆盖缺省样式表中的样式规则。
    要点: 请勿修改主题归档文件中的缺省样式表。这些样式表在每一次发行版都会更改,并在升级 Rational Asset Manager 时被覆盖。
  10. 将定制样式表作为链接添加到 theme/custom/cssIncludes.jspf 示例:

    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/${applicationScope.themePath}/custom/css/jkeEnterprises.css" />

  11. 在定制目录中创建 images 文件夹并将主题中使用的图像文件保存到其中。 示例:theme/custom/images-jke-enterprises
  12. 创建包含已更新文件的归档。 您可以定制归档的名称,但名为“theme”的文件夹必须是归档的根文件夹。除了已创建的定制 CSS 文件外,这些已更新文件也必须包含在主题归档中,即使未做任何更改:
    • theme/custom/header.jspf:包含徽标图像、已登录用户的名称以及“登录”、“注销”、“帮助”和“扩展”链接。
    • theme/custom/cssIncludes.jspf:包含定制 CSS 文件的 <link> 标记。
    • theme/custom/homeContent.jspf:包含主页的内容区域。
    • theme/custom/jspHeader.jspf:包含其他条幅详细信息。
    • theme/custom/requestAccess.jspf:此文件显示于登录页面上的登录表单下。在缺省主题中,该片段中没有任何内容;但是,您可能希望添加链接,如“忘记密码”或“注册”(Web 应用程序的常用链接)。
    • theme/custom/requestAccessForm.jspf:此文件显示于主页的登录表单下。在缺省主题中,该片段中没有任何内容;但是,您可能希望添加链接,如“忘记密码”或“注册”(Web 应用程序的常用链接)。
    • theme/custom/css/advanced.css:用于大小和位置调整的高级 CSS
    • theme/custom/css/basic.css:用于图像、背景和字体样式的基本 CSS
    • theme/custom/css/hideRightColumn.css:用于不具有右列的页面的 CSS
    • theme/custom/css/pageLayout.css:用于一般页面布局的 CSS
    • theme/custom/css/showLeftColumn.css:用于具有左列的页面的 CSS
  13. 在“工具”页面的“管理主题”部分,单击浏览
  14. 查找更新的归档。
  15. 单击上载

结果

新主题得以应用。如果未看到更改,那么请单击浏览器上的刷新或重新装入按钮。您还可能必须清除 Web 浏览器的高速缓存。您无需重新启动 Web 应用程序。如要验证该主题是否已正确应用,请查看 Web 应用程序的若干页面。如果看到意外的结果,那么请对定制 CSS 文件进行修改并再次上载此主题。

下一步做什么

保存主题归档的副本。如果必须恢复原始主题,请单击恢复缺省主题

如果重新部署 Web 应用程序或将 Web 应用程序升级到新版本,那么将应用缺省主题,并且您必须上载定制主题。


反馈