定制 IBM Cognos 8 UI (1)

xiaoerp

1. 简介
本文档为在 IBM Cognos 8 中创建定制风格（或 “皮肤”）提供一些技巧。本文档概述了在 IBM Cognos 8 中创建皮肤涉及到的概念、颜色模式和文件。此外，还提供了一些任务示例，以更好地演示创建定制风格需要进行的所有更改。本文档提供了两个例子；一个例子演示如何使用 find-and replace 技术快速地重新修改 IBM Cognos 8 的风格以适合您的企业的风格，另一个例子介绍了许多不同参数，并展示如何通过调整这些参数改变界面。附录提供了一个常见参数列表。本文档不提供关于如何定制现有报告风格的说明。

图 1. IBM Cognos 8 UI 示例


2. 理解各种风格中使用的颜色模式
“Corporate”风格的默认颜色
了解默认颜色模式让您能够根据自己想要的风格匹配默认颜色。所有 IBM Cognos 组件都严格遵循相同的颜色模式。下图列出了“Corporate ”风格预定义的大部分颜色。一些 IBM Cognos 组件可能经常会使用未在下图中给出的颜色。

图 2. IBM Cognos 8 UI 常用颜色


理解十六进制颜色
挑选颜色的最好方法是进入 Web 站点并将它截屏下来放到 Paint Shop Pro (PSP) 中。然后使用 paint dropper 工具找出颜色的十六进制值，方法为单击颜色并在右边面板双击该颜色。
将颜色映射到用户界面的各个部分
下图提供的例子展示了默认的“corporate ”风格使用的颜色模式。可以将它用作参照确定如何将您自己的颜色与预定义的颜色匹配。

图 3. IBM Cognos Connection


图 4. Query Studio


图 5. Analysis Studio


3. 定制 IBM Cognos 8 UI
IBM Cognos 8 提供为所有 IBM Cognos 8 UI 控制颜色的 CSS 文件。您可以通过修改相应的 CSS 文件中的参数来定制 UI 。
导入新风格
在创建新的风格之前，您必须先导入一个风格。导入新风格的步骤为：
1. 复制一个现有的风格当做模板使用。所有风格都在 /c8/webcontent/skins 目录下。复制“Corporate ”文件夹并将其放到该目录下，然后重命名它。
2. 登录 IBM Cognos Connection ，单击“Tools ”菜单并选择 Portal Administration 。
3. 单击“Styles ”选项卡。
4. 在这个页面中，您将看到一个关于所有现有风格的列表。单击“New Styles ”图表。

图 6. 所有现有风格的列表


5. 这将打开一个“New Style Wizard ”。为风格命名。
6. 在“Style Location Name ”下提供准确的文件夹名。如果您要预览风格可以使用预览页。下面给出了预览页的位置。

图 7. 预览页的位置


7. 导入了风格之后，您就可以在首选项中的下拉列表中查看它。

图 8. 查看导入的风格


IBM Cognos 8 风格使用的文件
跨所有 IBM Cognos 组件修改风格所需的全部文件都可以在我们新创建的“my_style ”文件夹下找到； /c8/webcontent/skins/my_style 。

IBM Cognos Component	Directory	Files	Images
IBM Cognos Connection	/skins/my_style/portal	default.css	/skins/my_style/portal/images/skins/my_style/branding
Welcome Page	/skins/my_style/portal	default.css	/skins/my_style/portal/images/skins/my_style/branding
Report Studio	/skins/my_style/pat	skin.css	/skins/my_style/pat/images
Analysis Studio	/skins/my_style/ans	background.css	/skins/my_style/ans/images
		explore.css
		scrollbarstyle.css
Query Studio	/skins/my_style/qs	crn.css	/skins/my_style/qs/images
		QSRVCommonUI.css
Event Studio	/skins/my_style/ags	ags.css	/skins/my_style/ags/images
		crn.css
Metrics Manager	/skins/my_style/cmm	default.css	/skins/my_style/cmm/images
		admin_styles.css	/skins/my_style/cmm/presentation/images

System.xml – system.xml 文件（< 安装位置 >c8 emplatespsportal 目录）用于修改功能或隐藏用户界面的特定部分。该文件中的大部分参数适用于所有用户。
更改文本、字体和图像
更改组件名和文本消息 – 您可以更改 IBM Cognos 8 组件的名称并修改附带的文本消息，方法为在文本编辑器中打开相关的消息文件，然后对文本字符串执行搜索替换。消息文件在 c8_location/msgsdk 目录下。要让修改生效，必须重新启动 IBM Cognos 服务。
更改 IBM Cognos 8 的字体 – 您可以通过修改 /c8/webcontent/skins/my_style/fonts.css 文件中的 font-family 列表来更改 IBM Cognos 8 中使用的字体。根据您想要的风格修改 fonts.css 文件。例如，我们可以将在所有 HTML 界面上使用的默认字体（Report Studio 除外）更改为适合显示亚洲国家字符的字体。在文本编辑器中打开文件 fonts.css ，注释掉将 Tahoma 显示为 font-family 列表的第一项的部分，然后从更适合 Unicode 需求的条目中删除注释。
更改 IBM Cognos 图像 – 所有图像都在 style 目录下。上表显示了各个组件的所有图像的位置。更改图像的位置非常简单，只需要将您使用的定制图像放到该目录下并使用相同的文件名。

该贴已经同步到 xiaoerp的微博