覆盖所选控件和字段的 CSS 样式(不推荐)

您可以覆盖级联样式表 (CSS) 样式来定制传统 Coach 的外观。

关于此任务

您可以为传统 Coach 控件的标签或者为控件本身创建 CSS 覆盖,如以下过程中所述:

过程

  1. 打开包含您要处理的传统 Coach 的服务,然后单击 Coach 选项卡。
  2. 在设计区域中,单击以选择要定制的传统 Coach 控件。
  3. 单击属性中的“定制”选项。
  4. 单击添加类按钮。
  5. “类详细信息”下,在“类名”文本框中输入名称。 缺省情况下,该字段包含名称。您需要将该文本替换为所希望的类名。
  6. 要覆盖传统 Coach 控件的标签的 CSS 样式,请单击创建标签覆盖按钮。 这将创建 . class_name .twLabel { } CSS 类,它直接存储在传统 Coach 中并可供访问,如以下步骤中所述。
  7. 在设计区域中,单击传统 Coach 的顶级部分(缺省情况下名为 IBM® Business Process Manager Coach),然后单击属性中的 CSS 选项。
  8. 在 CSS 文本框中,输入 CSS 覆盖设置。 例如,以下 CSS 覆盖将标签文本的颜色更改为红色,并将标签文本的字型更改为粗体:. class_name .twLabel { color:red; font-weight:bold; }
  9. 要覆盖传统 Coach 控件本身的 CSS 样式,请返回到所选控件的“定制”属性,然后单击创建控件覆盖按钮。 这将创建 . class_name .twControl { } CSS 类。
  10. 在设计区域中,单击传统 Coach 的顶级部分(缺省情况下名为 IBM BPM Coach),然后单击属性中的 CSS 选项。
  11. 在 CSS 文本框中,输入 CSS 覆盖设置。 例如,以下 CSS 覆盖将控件中的文本字型更改为斜体:. class_name .twControl { font-style:italic; }
  12. 保存传统 Coach,然后运行服务以测试 CSS 覆盖。