自适应表单模板 adaptive-form-templates

Adobe 建议使用现代、可扩展的数据捕获核心组件，以创建新的自适应表单或将自适应表单添加到 AEM Sites 页面。这些组件代表有关创建自适应表单的重大改进，确保实现令人印象深刻的用户体验。本文介绍了使用基础组件创作自适应表单的旧方法。

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

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

使用模板 working-with-templates

您可以从“工具”菜单访问模板编辑器，方法是导航到​ Adobe Experience Manager > “工具” > “模板”。 在此处，模板在启用可编辑模板的文件夹中进行组织。 AEM提供了一个用于组织模板的全局文件夹。 但是，默认情况下不启用此功能。 您可以请求管理员启用全局文件夹或创建模板文件夹。 有关如何创建文件夹的详细信息，请参阅模板文件夹。

选择打开文件夹后，您会看到“创建”按钮，该按钮允许您为自适应表单创建模板。

创建模板 create-template

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

模板编辑器用户界面 template-editor-ui

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

请参阅自适应表单创作简介以了解触屏UI编辑器。

编辑模板 editing-a-template

自适应表单模板是使用两层创建的：

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

结构 structure

在模板编辑器中选择结构层时，您可以看到自适应表单容器上方和下方的布局容器。 作者可以将这些布局容器用于页眉和页脚。 您可以添加、编辑或自定义页眉和页脚。 将自适应表单标题组件拖放到自适应表单容器上方的布局容器中，以自定义模板标题。 将自适应表单页脚组件拖放到自适应表单容器下的布局容器中，以自定义模板页脚。

在结构层中为容器布局

页眉组件​ B. ​页脚组件的布局容器的​ A. ​布局容器

将自适应表单标题组件拖放到自适应表单容器上方的布局容器中。 添加组件后，您可以指定其属性，以便添加徽标并提供其标题。

同样，将页脚组件拖放到自适应表单容器下方的布局容器中时，您可以提供版权信息和公司详细信息。

在结构层中添加了页眉和页脚

在结构层中锁定/解锁组件 locking-unlocking-components-in-the-structure-layer

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

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

初始内容 initial-content

选择初始内容选项后，模板的自适应表单容器会像编辑的自适应表单一样打开。 与创作自适应表单一样，您可以指定初始设置，例如选择主题和提交操作。

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

模板编辑器中的初始内容层，显示为指定属性而选择的自适应表单容器。

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

查看侧栏。

创建具有选项卡和面板的自适应表单模板  creating-an-adaptive-form-template-with-tabs-and-panels-nbsp

例如，要创建具有以下选项卡的模板：

您已经添加了一个徽标、提供了一个标题，并在结构图层中添加了一个页脚。 锁定页眉和页脚，以阻止表单作者在使用模板创建表单时编辑它们。

将图层从“结构”更改为“初始内容”，然后开始将内容添加到表单。 要创建选项卡式结构，请在自适应表单容器的guideRootPanel中添加一个子面板。 要添加面板，请执行以下操作：

要创建“常规信息”和“专业信息”选项卡，请在guideRootPanel的子面板中添加两个面板。 选择面板，然后选择 以在侧栏中打开属性。 将元素名称更改为general-info和professional-info，将标题分别更改为“常规信息”和“专业信息”。 在侧栏中，选择内容以打开内容浏览器。 在表单对象选项卡中，选择guideRootPanel。 在编辑器中，选择guideRootPanel。 在组件工具栏中选择 以打开其属性。 在“面板布局”字段中，选择​ 位于顶部 ​的选项卡，然后选择​ 完成。 应用选项卡式模板结构。

在选项卡中添加内容 adding-content-in-tabs

在添加面板并将其结构为选项卡后，您可以在选项卡中添加字段。 在编辑器中选择选项卡时，您可以看到​ 将组件拖动到此处 ​选项。 您可以拖放组件，例如文本框、列表项和按钮。 您可以从侧栏中的组件浏览器拖放组件。

每个组件都具有增强数据捕获和处理的属性。 例如，您可以启用组件的​ 必填字段 ​属性。 您的作者可以指定客户在跳过填写必填字段时看到的消息。 在​ 必填字段消息 ​属性中指定消息。

在示例模板中，“姓名”、“电话号码”和“出生日期”字段添加到“一般信息”选项卡中。 在“专业信息”选项卡“当前雇用”、“雇佣类型”、“教育资格”字段中添加。

添加字段后，您可以添加诸如“提交”和“重置”之类的按钮。

启用模板 enabling-the-template

创建模板时，模板会添加为草稿。 启用模板以将其用于创建自适应表单。 要启用模板：

导入或导出模板 importing-or-exporting-a-template

表单可与其模板配合使用。 下载使用自定义模板创建的自适应表单时，不会下载该模板。 在其他AEM Forms实例上导入表单时，不会导入任何表单模板。 如果表单已导入，但其模板不可用，则不会呈现表单。 您可以从https://<server>:<port>/crx/packmgr中的/conf节点打包自定义模板，并将其移植到要上载表单的AEM Forms实例中。

使用模板创建自适应表单 creating-an-adaptive-form-using-the-template

创建并启用模板后，在创建自适应表单时，表单管理器中会提供该模板。 要使用模板和创建自适应表单，请参阅创建自适应表单。

更改现成模板的显示选项 change-display-option-of-out-of-the-box-templates

您可以为自适应表单创建自定义模板以定义基本结构和初始内容。 AEM Forms还为自适应表单提供了一组现成的模板。 您可以选择显示或隐藏模板。

执行以下步骤可显示和隐藏模板：

推荐 recommendations