上一主题: 面板关联下一主题: 如何使用多个面板

设置用户控制台外观 › 如何创建面板

如何创建面板

创建面板包括下列步骤：

  1. 复制现有面板
  2. 更新面板的图像
  3. 更新面板的颜色和字体
  4. 修改 .properties 文件
  5. 修改 index.jsp 文件

复制现有面板

执行以下步骤，以复制现有面板。

遵循这些步骤:

  1. 查看 CA Identity Manager 面板的例图，并确定下列面板中的哪一个与您要为公司创建的面板相似：

    为了举例说明，本部分假设您选择 neteauto 面板的外观，并称其为 yourskin。 名称 yourskin 是您的公司的面板。

  2. 复制以下文件：

    iam_im.ear/user_console_war/app/imcss/neteauto

    iam_im.ear/

    以下面的名称为其命名：

    iam_im.ear/user_console_war/app/imcss/yourskin

  3. 在 yourskin 目录中，重命名下表中的文件：

当前名称

新名称

neteauto.css

yourskin.css

neteauto_task.css

yourskin_task.css

neteauto.properties

yourskin.properties

为了简化管理，.properties 文件和 .css 文件的名称应与面板名称对应。

注意：面板名称区分大小写。

更新面板图像

使用与您公司面板的外观匹配的图像更新下列目录中的任何图像（.gif、.jpg 或 .png）：

例如，要将您公司的徽标放入 yourskin 面板，请使用您公司的徽标替换图像目录中的 logo.jpg。

我们建议使用同样的图像文件名，因为这些图像中很多都已经映射到 yourskin.properties 文件中的适当路径。

更新面板颜色和字体

使用您选择的字体和菜单、背景、页边空白以及其他颜色更新 yourskin 面板的层叠样式表。

样式表的路径如下所示：

修改 .properties 文件

执行以下步骤，以修改 .properties 文件。

遵循这些步骤:

  1. 在 yourskin.properties 文件中，将每一 neteauto 引用替换为 yourskin。
  2. 在 yourskin.properties 文件中，按下面进行其他修改：
    1. 如果尚未指定，请在父部分中设置以下内容： 
          parent=/app/imcss/idm/im.properties

      父部分指定了父面板的属性文件位置。 在此例中，父面板是 idm。

    2. 设置层叠样式表，如下所示： 
          stylesheet/skin.css=yourskin/yourskin.css
    stylesheet/skin_task.css=yourskin/yourskin_task.css
    3. 处理方式如下：

      如果您替换了面板中的图像但没有对其进行重命名，请转到步骤 d。 如果您重命名了图像，请执行以下操作：

      • 在页眉图像部分，从更新面板图像设置页眉图像的路径。

        您可以通过增加如下所示内容的条目，将多个图像条目添加到 .properties 文件中：

        image/logo.gif=yourskin/image/logo.jpg

      • 在标准选项卡部分中，从更新面板图像设置选项卡图像的路径。
      • 在任务正文按钮部分，从更新面板图像设置任务正文按钮图像的路径。
    4. 保存文件。

更多信息：

更新面板图像

修改 index.jsp 文件

执行以下步骤，以修改 index.jsp 文件。

遵循这些步骤:

  1. 在文本编辑器中打开 index.jsp 文件。 此文件位于以下文件夹：

    <iam_im.ear>/user_console_war/app/imcss

  2. 在 <skin:update> 部分下，将以下内容添加为第一个条目： 
    <skin:skin name="yourskin" filename="/app/imcss/yourskin/yourskin.properties" />
  3. 保存文件。

CA Identity Manager 根据 index.jsp 文件的 <skin:update> 部分首先列出了哪一面板来选择 CA Identity Manager 用户控制台的默认面板。

按照 index.jsp 文件的以下 <skin:update> 部分中的说明，CA Identity Manager 将会显示 yourskin 面板的用户控制台：

<skin:update>

<skin:skin name="yourskin" filename="/app/imcss/yourskin/yourskin.properties" />
<skin:skin name="idm" filename="/app/imcss/idm/im.properties" />
<skin:skin name="neteauto" filename="/app/imcss/neteauto/neteauto.properties" />
<skin:skin name="horizontal" filename="/app/imcss/horizontal/horizontal.properties" />
<skin:skin name="horizontal2" filename="/app/imcss/horizontal2/horizontal2.properties" />

</skin:update>

在想要使用不同的面板时，您需要更改列出的面板标记的顺序。

重新编译 .jsp 文件，并重新启动应用程序服务器

如果您在 JBoss 应用程序服务器上运行 CA Identity Manager，则在创建面板之后，必须重新编译 JSP 文件，并重新启动应用程序服务器，如下所示：

  1. 配置您的应用程序服务器，以重新编译所有 console.jsp 文件。
  2. 重新启动应用程序服务器，以使 yourskin 面板的更改生效。

注意：如果您使用的是不同的应用程序服务器，则不需要完成此步骤。