自定义Workflow

介绍使用 JavaScript 和 CSS 文件自定义Workflow。
自定义将反映在应用自定义后创建的申请数据中。
它不反映在应用自定义之前创建的申请数据中。

允许自定义Workflow

设置是否允许使用 JavaScript 和 CSS 文件进行自定义。
允许自定义时,"申请形式的详情"页面中将显示用于应用 JavaScript 和 CSS 文件的操作链接,以及用于添加用于 JavaScript 自定义的项目的操作链接。

允许自定义时的页面

操作步骤:
  1. 点击页眉处齿轮状的管理员菜单图标。

  2. 单击[系统设置]。

  3. 选择“各应用程序的管理”标签页。

  4. 单击[Workflow]。

  5. 单击[常规设置]。

  6. 在"常规设置"页面上,在"允许使用 JavaScript/CSS 进行自定义"项中选择"允许"。

    用红色边框圈出允许的单选框的图像

  7. 查看设置并单击[应用]。

设置JavaScript自定义项目

介绍添加、修改和删除JavaScript自定义项目的操作。
如果要在Workflow自定义中放置空格或空白字段以更改申请形式的设计,请使用JavaScript自定义项目。javascript 和 CSS 定义的项放在配置JavaScript自定义项目的位置。
JavaScript自定义项目是用于自定义的项目。不必在不自定义它的申请形式中设置它。
自定义的详情请参考cybozu developer network

添加JavaScript自定义项目

将 javascript 自定义项添加到申请形式。
要添加用于 JavaScript 自定义的项目,必须允许自定义Workflow。

操作步骤:
  1. 点击页眉处齿轮状的管理员菜单图标。

  2. 单击[系统设置]。

  3. 选择“各应用程序的管理”标签页。

  4. 单击[Workflow]。

  5. 单击[申请形式列表]。

  6. 在"申请形式列表"页面上,选择一个类别,然后单击要向其添加 JavaScript 自定义项的申请形式中的申请形式的名称。

  7. 在"申请形式的详情"页面上,在"申请形式的项目列表"下,单击"添加 JavaScript 自定义项"。

    用红色边框圈出添加JavaScript自定义项目的操作链接的图片

  8. 在"JavaScript自定义项目的添加"页面上,设置所需的项目。

    • 项目代码:
      用于标识 javascript 自定义项的唯一代码。最多可以输入 100 个字符。
      可以使用半角字母数字、“-”(连字符)和“_”(下划线)。
      项目代码在同一个申请形式中重复时,会发生错误。
    • 配置在右侧:
      如果选中“紧接在前一个项目的右侧”复选框,将配置在前一个项的右侧。

    ! [JavaScript自定义用项目追加画面] (/g5/img_zh/admin_system_customize_workflow_04.gif)

  9. 查看您的设置并单击[添加]。

    您添加的项目将显示在“申请形式的项目列表”的末尾。

更改JavaScript自定义项目

更改 javascript 自定义项的设置。

操作步骤:
  1. 点击页眉处齿轮状的管理员菜单图标。

  2. 单击[系统设置]。

  3. 选择“各应用程序的管理”标签页。

  4. 单击[Workflow]。

  5. 单击[申请形式列表]。

  6. 在"申请形式列表"页面上,选择一个类别,然后单击要更改 JavaScript 自定义项的申请形式的申请形式名称。

  7. 在"申请形式的详情"页面上,在"申请形式的项目列表"下,点击要更改的JavaScript自定义项的项目名称。

  8. 在“JavaScript 自定义项目详细信息”页面上,单击[更改]。

    用红色边框圈出更改JavaScript自定义项目的操作链接的图片

  9. 在"JavaScript自定义项目的更改"页面上,设置所需的项目。

  10. 查看设置并单击[更改]。

  11. 如果更改了放置位置,在预览页面确认申请形式的显示。

    有关详细信息,请参阅申请形式的预览

更改JavaScript自定义项目的顺序

更改 javascript 自定义项的顺序。
操作步骤和更改项目及空行的顺序相同。

操作步骤:
  1. 点击页眉处齿轮状的管理员菜单图标。

  2. 单击[系统设置]。

  3. 选择“各应用程序的管理”标签页。

  4. 单击[Workflow]。

  5. 单击[申请形式列表]。

  6. 在"申请形式列表"页面上,选择一个类别,然后单击要更改 JavaScript 自定义项顺序的申请形式的申请形式名称。

  7. 在"申请形式的详情"页面上,单击“申请形式的项目列表”中的[更改顺序]。

    用红色边框圈出更改顺序的操作链接的图片

  8. 在"更改项目顺序"页面上,更改 javascript 自定义项的顺序。

    项目的顺序更改页面

  9. 查看设置并单击[更改]。

  10. 在预览页面确认申请形式的显示。

    有关详细信息,请参阅申请形式的预览

删除JavaScript自定义项目

删除JavaScript自定义项目。
自定义将反映在应用自定义后创建的申请数据中。
因此,删除 JavaScript 自定义项不会反映在应用自定义之前创建的申请数据。

逐个删除JavaScript自定义项目

逐个删除JavaScript自定义项目。

操作步骤:
  1. 点击页眉处齿轮状的管理员菜单图标。

  2. 单击[系统设置]。

  3. 选择“各应用程序的管理”标签页。

  4. 单击[Workflow]。

  5. 单击[申请形式列表]。

  6. 在"申请形式列表"页面上,选择一个类别,然后单击要删除JavaScript 自定义项的申请形式的申请形式名称。

  7. 在"申请形式的详情"页面上,在"申请形式的项目列表"下,点击要删除的JavaScript自定义项的项目名称。

  8. 在“JavaScript自定义项目的详情”页面上,单击[删除]。

    用红色边框圈出删除的操作链接的图片

  9. 在"删除 JavaScript 自定义项目"页面上,单击[是]。

  10. 在预览页面确认申请形式的显示。

    有关详细信息,请参阅申请形式的预览

批量删除多个JavaScript自定义项目

选择要删除的 JavaScript 自定义项,批量删除这些项目。

操作步骤:
  1. 点击页眉处齿轮状的管理员菜单图标。

  2. 单击[系统设置]。

  3. 选择“各应用程序的管理”标签页。

  4. 单击[Workflow]。

  5. 单击[申请形式列表]。

  6. 在"申请形式列表"页面上,选择一个类别,然后单击要删除JavaScript 自定义项的申请形式的申请形式名称。

  7. 在"申请形式的详情"页面的"申请形式的项目列表"下,勾选要删除的JavaScript自定义项,点击[删除]。

    用红色边框圈出删除按钮的图片

  8. 在"批量删除项目"页岩上,单击[是]。

  9. 在预览页面确认申请形式的显示。

    有关详细信息,请参阅申请形式的预览

应用JavaScript/CSS文件

将 JavaScript 和 CSS 文件应用于申请形式。

操作步骤:
  1. 自己准备 javascript 和 CSS 文件。

  2. 点击页眉处齿轮状的管理员菜单图标。

  3. 单击[系统设置]。

  4. 选择“各应用程序的管理”标签页。

  5. 单击[Workflow]。

  6. 单击[申请形式列表]。

  7. 在"申请形式列表"页面上,选择一个类别,然后单击应用JavaScript文件或CSS文件的申请形式的申请形式名称。

  8. 在"申请形式的详情"页面上,点击"申请形式信息"的[通过JavaScript / CSS自定义]。

    用红色边框圈出通过JavaScript/CSS自定义的操作链接的图片

  9. 在"通过JavaScript / CSS自定义"页面的[JavaScript 自定义]项目中,设置要应用的 JavaScript 文件。

    您最多可添加总计 30 个文件和链接。

    • 文件:
      您只能添加具有 .js 扩展名的文件。
      最大可上传5MB的文件。
    • 链接:
      指定以"https://"开头的 512 个字符或更少的 URL。
    用红色边框圈出添加JavaScript文件的操作链接的图片

  10. 在“CSS 自定义”项目中,设置要应用的 CSS 文件。

    您最多可添加总计 30 个文件和链接。

    • 文件:
      您只能添加具有 .css 扩展名的文件。
      最大可上传5MB的文件。
    • 链接:
      指定以"https://"开头的 512 个字符或更少的 URL。

    ! 添加 CSS 文件的操作链接以红色边框显示的图像 (/g5/img_zh/admin_system_customize_workflow_12.gif)

  11. 根据需要更改文件和链接的顺序。

    JavaScript 文件从上到下执行。
    选中要更改的顺序的文件和链接的复选框,然后单击"向上"或"向下"。
    用红色边框圈出更改顺序的操作链接的图片

  12. 在"自定义"项目中,选择[应用]。

    用红色边框圈出应用的单选框的图片

  13. 查看设置并单击[设置]。

  14. 在应用自定义的页面上,请确保设计、项目功能等没有问题。

  15. 启用申请形式。

    有关详细信息,请参阅申请形式的激活