创建基于核心组件的自适应表单模板

上次更新: 2023-12-12

在创作表单时,可在编辑器中添加字段和组件以定义表单结构、内容和操作。 您可以在 guideRootPanel 表单容器的。 使用模板编辑器,您可以创建一个模板,其中包含作者可用于创建表单的基本结构和初始内容。

例如,您希望所有表单作者在注册表单中都拥有某些文本框、导航按钮和提交按钮。 您可以创建一个模板,其中包含作者可用来创建与其他注册表单一致的表单的组件。 当作者使用模板创建自适应表单时,新表单会继承您在模板中指定的结构和组件。 通过模板编辑器,您可以:

  • 在结构层中添加表单的页眉和页脚组件。
  • 提供表单的初始内容。
  • 指定主题“提交操作”。

先决条件

为您的环境启用自适应Forms核心组件:在创建项目时,已为您的环境启用自适应Forms核心组件。 如果您有一个表单as a Cloud Service环境,基于 AEM Archetype 39或更早版本为您的环境启用自适应Forms核心组件.

注意

在部署基于Archetype 45的Formsas a Cloud Service环境时, 自适应Forms(核心组件) 模板和基于组件的核心主题会添加到您的环境中。

使用模板

您可以从“工具”菜单导航到,访问模板编辑器 Adobe Experience Manager > 工具 > 常规 > 模板. 在此处,模板在启用可编辑模板的文件夹中进行组织。

注意

您可以在特定于核心组件的文件夹中找到基于核心组件的可编辑模板。

Experience Manager提供了一个全局文件夹来组织模板。 但是,默认情况下不启用此功能。 您可以请求管理员启用全局文件夹或创建模板文件夹。 有关如何创建文件夹的详细信息,请参阅 模板文件夹.

创建模板

创建文件夹后,打开该文件夹并执行以下步骤以创建模板:

  1. 选择 创建 在您创建的文件夹内。

  2. 选择模板类型 部分,选择 自适应表单(核心组件)模板 并选择 下一个.

  3. 模板详细信息 部分,提供 模板标题 并选择 创建.
    您还可以提供描述。

  4. 选择 完成 以返回到控制台,或选择 打开 以在编辑器中打开模板。

模板编辑器用户界面

在打开模板进行编辑时,您可以看到以下AEM Editor组件:

  • 页面工具栏
    包含以下选项:

    • 切换侧面板:用于显示或隐藏侧栏。
    • 页面信息:用于指定发布/取消发布时间、缩略图、客户端库、页面策略和页面设计客户端库等信息。
    • 模式选择器: 允许您更改模式。 您可以选择 结构 模式, 初始内容布局控件 模式。 结构模式允许您添加和自定义页眉和页脚。 初始内容模式允许您自定义表单内容。
    • 预览: 允许您预览发布模板时的外观。 您可以使用“图层选择器”和“预览”来切换编辑和预览模式。
  • 侧栏: 提供内容、属性、资源和组件浏览器。

  • 组件工具栏: 选择某个组件后,您将看到一个工具栏,其中允许您自定义该组件。

  • 页面:添加内容以创建模板的区域。

编辑模板

选择和编辑模板的相应方面的不同模式包括:

图层选择器位于屏幕右上角的“预览”选项旁边。

结构

在模板编辑器中选择结构层时,它有助于预定义在创建与模板关联的自适应Forms时无法更改的内容。

在结构层中布局容器

在结构层中锁定/解锁组件

在选定结构层的情况下编辑模板时,可以解锁模板的页眉和页脚。 如果在模板中解锁了某个组件,则表单作者可以在使用该模板的自适应表单中编辑该组件。 锁定组件会阻止表单作者在自适应表单中进行编辑。 “锁定”选项在组件工具栏中可用。

例如,在模板中添加标题组件。 选择组件后,您会在组件工具栏中看到一个锁定选项。 通常,页眉包括公司名称和徽标,并且您不希望表单作者更改模板中的徽标和页眉。 在锁定标题组件且使用模板创建的自适应表单中,表单作者无法更改徽标和公司名称。

注意

不建议单独锁定或解锁页眉组件中的图像或徽标。 您可以解锁标头组件。

初始内容

选择初始内容选项后,模板的自适应表单容器会像要编辑的自适应表单一样打开。 它允许您创建预定义内容,在创建与模板关联的自适应Forms时可以更改这些内容。 与创作自适应表单一样,您可以指定初始设置,例如选择主题和提交操作。

表单作者可将其用作创建表单的基础。 内容流结构在模板的初始内容层中指定。 要切换到编辑表单模板的初始内容,请在页面工具栏中的预览之前,选择 画布下拉列表 > 初始内容.

在初始内容层中添加了页眉和页脚

在初始内容层中,创建作者用作基础的自适应表单模板。 创作模板与创作表单类似,只是使用侧栏中提供的选项。 侧栏提供内容、属性、资源和组件浏览器。

注意

选择“存储内容”或“存储PDF”作为“提交操作”时,您将获得一个用于指定存储路径的选项。 如果在模板中指定路径,则使用该模板创建的所有表单都具有相同的路径。 您可以指定正确的存储路径,或确保表单作者对其进行更新,以防止每个表单中的数据存储在同一位置。

布局

编辑模板时,您可以定义布局,这会使用标准响应式布局。 布局有助于根据设备宽度管理组件宽度,以促进响应式自适应表单设计。

在结构层中布局容器

请参阅文章 了解响应式布局 以了解其他信息。

启用模板

创建模板时,模板会添加为草稿。 启用模板以将其用于创建自适应Forms。 要启用模板:

  1. 导航到 Adobe Experience Manager > 工具 > 模板,然后打开已在其中创建模板的文件夹。
    您创建的模板将标记为草稿。
  2. 选择模板并选择 启用 工具栏中。
    在创建自适应表单时,如果要求您选择模板,则可以看到列出的模板。

导入或导出模板

表单可与其模板配合使用。 下载使用自定义模板创建的自适应表单时,不会下载该模板。 当您在不同页面上导入表单时 AEM Forms 例如,导入时没有使用模板。 如果表单已导入,但其模板不可用,则不会呈现表单。 您可以从以下位置打包自定义模板 /conf 中的节点 https://<server>:<port>/crx/packmgr,并将其移植到 AEM Forms 要上载表单的实例。 您还可以 使用AEM原型创建模板并将其部署到Cloud Service实例.

注意
  • 您还可以配置 记录文档 直接从自适应表单编辑器或自适应表单模板编辑器中访问模板。 有关更多信息,请参阅 为自适应Forms生成记录文档.

将表单数据模型架构关联到模板

作者可以关联 表单数据模型架构 到模板编辑器中的自适应表单模板。 它允许作者从模板编辑器中选择架构。 在将架构与模板关联并且表单作者基于模板创建表单时,系统会为表单预先选择架构。 它有助于表单作者规范架构的使用,同时为表单作者节省时间。 要在模板编辑器中选择表单数据模型架构,请执行以下操作:

  1. 选择 内容浏览器 位于左侧。
  2. 转到表单容器 设置.
  3. 选择 数据模型.
  4. 通过以下方式选择您的表单数据模型 选择表单数据模型 并保存配置。

Form-Data-Model-Association-in-Forms

使用模板策略将自定义属性添加到自适应表单组件

通过自定义属性,您可使用表单模板将自定义属性(键值对)关联到自适应表单核心组件。自定义属性反映在 属性 组件的headless演绎版的部分。 它可让您创建根据自定义属性值进行调整的动态表单行为。例如,开发人员可以为移动、桌面或 Web 平台设计 Headless 表单组件的各种演绎版,从而大大提升各种设备上的用户体验。

将自定义属性添加到自适应表单核心组件字段的步骤如下:

  1. 在模板编辑器的策略中添加自定义组名称
  2. 在自适应表单组件的“编辑”对话框中选择自定义组名称

在模板编辑器的策略中添加自定义组名称

  1. 转到 Adobe Experience Manager > 工具 > 常规 > 模板.
  2. 选择基于核心组件的模板,并以编辑模式打开它。
  3. 单击 策略 策略 需要定义自定义属性的自适应表单核心组件字段的图标。 此 自适应表单字段 出现对话框。
  4. 选择 自定义属性 选项卡。
  5. 指定 策略标题策略 部分。
  6. 指定 组名称 和添加与特定组关联的键值对。 在组件的“编辑”对话框中,组名称对表单作者可见。 如果选择组名称,则每个关联的键值对都适用于组件。
  7. 单击​[完成]

在模板编辑器中添加自定义属性组名称

使用模板策略添加至少一个自定义属性组时, 高级 选项卡在相应的核心组件的“编辑”对话框中变为可见。

在核心组件的“编辑”对话框中选择自定义组名称

  1. 在编辑模式下打开自适应表单。
  2. 选择已在模板编辑器中为其定义了自定义属性的组件,然后选择 settings_icon 以打开组件的“编辑”对话框。
  3. 选择 高级 选项卡。
  4. 从中选择自定义属性组名称 自定义属性选择 下拉菜单。 所有定义的自定义组名称将自动填充到下拉列表中。
  5. 选择 完成 以保存属性。

选择自定义属性组名称

注意
  • 其他自定义属性 复选框允许您动态添加特定于组件的自定义属性,以及模板策略中提供的属性。 当键名称值匹配时,特定组件的自定义属性优先于模板策略中设置的自定义属性。

使用模板创建自适应表单

创建并启用模板后,在创建自适应表单时,表单管理器中会提供该模板。 要使用模板和创建自适应表单,请参阅 基于核心组件创建自适应表单.

最佳实践

  • 使用基于核心组件的组件创建模板,例如自适应表单文本、自适应表单容器等。 要获取有关自适应Forms核心组件的信息, 单击此处.
  • 限制模板的数量以匹配网站上提供的截然不同的表单类型
  • 为模板中使用的自定义组件提供必要的灵活性和配置功能。

另请参阅

在此页面上