Show Menu
主题×

自适应表单模板

创作表单时,可添加字段和组件以在编辑器中定义表单结构、内容和操作。 您可以在表单容器中添 guideRootPanel 加字段和组件。 使用模板编辑器,您可以创建一个模板,其中包含作者可用于创建表单的基本结构和初始内容。
例如,您希望所有表单作者在登记表单中都具有某些文本框、导航按钮和提交按钮。 您可以使用作者可用来创建与其他注册表单一致的表单的组件来创建模板。 当作者使用模板创建自适应表单时,新表单会继承您在模板中指定的结构和组件。 模板编辑器允许您:
  • 在结构层中添加表单的页眉和页脚组件。
  • 为表单提供初始内容。
  • 指定主题,提交操作。

使用模板

您可以通过导航到 Adobe Experience Manager >工具>模板,从工具菜单访问模板编辑器 。 此处,模板按启用了可编辑模板的文件夹进行组织。 AEM提供一个全局文件夹来组织模板。 但是,默认情况下不启用它。 您可以请求管理员启用全局文件夹或为模板创建新文件夹。 有关如何创建文件夹的详细信息,请参阅模 板文件夹
点击以打开文件夹后,您会发现一个“创建”按钮,该按钮允许为自适应表单创建新模板。

创建模板

创建文件夹后,打开文件夹,然后执行以下步骤以创建模板:
  1. 在“模板”控制台中,点 按已创建 的文件夹中的创建。
  2. 在“挑选模板类型”部分,选择“自适 应表单模板 ”,然后点 按下一步
  3. 在“模板详细信息”部分,提供模板标题并点按创
    您可以提供描述和缩略图,您可以在创作表单时选择创建的模板。
  4. 按完成 ,返回控制台,或点按打 ,在编辑器中打开模板。

模板编辑器UI

打开模板进行编辑时,您可以看到以下AEM编辑器组件:
  • 页面工具栏 ​包含以下选项:
    • 切换侧面板 :允许您显示或隐藏提要栏。
    • 页面信息 :允许您指定信息,如发布/取消发布时间、缩略图、客户端库、页面策略和页面设计客户端库。
    • 模拟器 :允许您模拟和自定义不同设备的外观。
    • ​图层选择器:允许您更改图层。
      可以选择“结 ”图层或“ 初始内容 ”图层。 结构层允许您添加和自定义页眉和页脚。 通过初始内容层,您可以自定义表单内容。
    • ​预览:允许您预览模板在发布时的外观。 您可以使用“图层选择器”和“预览”切换编辑和预览模式。
  • ​提要栏:提供内容、属性、资产和组件浏览器。
  • ​组件工具栏:选择组件时,您会看到一个工具栏,它允许您自定义组件。
  • 页面 :添加内容以创建模板的区域。
请参 阅创作自适应表单的介绍 ,以了解触屏UI编辑器。

编辑模板

自适应表单模板是使用两个图层创建的:
  • 结构
  • 初始内容
图层选择器位于屏幕右上角的“预览”选项旁边。

结构

在模板编辑器中选择结构层时,您可以在自适应表单容器的上下看到布局容器。 作者可以将这些布局容器用于页眉和页脚。 您可以添加、编辑或自定义页眉和页脚。 将自适应表单标题组件拖放到布局容器中自适应表单容器上方以自定义模板标题。 将自适应表单页脚组件拖放到布局容器中自适应表单容器下方,以自定义模板页脚。
​图:结 构层中的布局容器
答:标题组件 B的布局容器。Footer组件的布局容器
将自适应表单标题组件拖放到布局容器中自适应表单容器上方。 添加组件后,可以指定其属性,以便添加徽标并提供其标题。
同样,当您将页脚组件拖放到布局容器中自适应表单容器下方时,您可以提供版权信息和公司详细信息。
​图:在“结 构”图层中添加的页眉和页脚

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

在选择结构层的情况下编辑模板时,可以解锁模板的页眉和页脚。 如果在模板中解锁了组件,则表单作者可以在使用该模板的自适应表单中编辑该组件。 锁定组件可防止表单作者在自适应表单中编辑它。 锁定选项在组件工具栏中可用。
例如,您可以在模板中添加标题组件。 选择组件时,组件工具栏中会显示锁定选项。 通常,标题包含公司名称和徽标,您不希望表单作者更改模板中的徽标和标题。 在使用模板创建且标题组件处于锁定状态的自适应表单中,表单作者无法更改徽标和公司名称。
不建议单独锁定或解锁标题组件中的图像或徽标。 您可以解锁标题组件。

初始内容

选择“初始内容”选项后,模板的自适应表单容器将像自适应表单一样打开以供编辑。 与创作自适应表单一样,您可以指定初始设置,如选择主题和提交操作。
表单作者将其用作创建表单的基础。 内容流结构在模板的“初始内容”层中指定。 要切换到编辑表单模板的初始内容,请在页面工具栏中的预览之前,点 >初始内容​
[ ![模板编辑器中的初始内容层](assets/initial-content-layer.png)

模板编辑器中的初始内容层,显示为指定属性而选择的自适应表单容器。
](assets/initial-content-layer-1.png)在“初始内容”层中,创建作者用作基础的自适应表单模板。 创作模板与创作表单类似,您可以使用提要栏中提供的选项。 提要栏提供内容、属性、资产和组件浏览器。
请参阅 侧栏
当您选择“存储内容”或“存储PDF”作为“提交操作”时,您可以选择指定存储路径。 如果在模板中指定路径,则从模板创建的所有表单都具有相同的路径。 您可以指定正确的存储路径,或确保表单作者更新该路径以防止每个表单的数据被存储在同一位置。

创建带有选项卡和面板的自适应表单模板

例如,您要创建具有以下选项卡的模板:
  • 常规信息
  • 专业信息
您已经在结构层中添加了徽标、提供了标题和页脚。 锁定页眉和页脚,以阻止表单作者在使用模板创建表单时对其进行编辑。
将图层从“结构”更改为“初始内容”,然后开始向表单中添加内容。 要创建选项卡式结构,请在Adaptive Form容器的guideRootPanel中添加子Panel。 添加面板:
  • 选择“将组件拖动到此处”选项时, 可通 过点按+按钮 添加面板
  • 您可以从提要栏中的组件浏览器拖放面板组件。
  • 您可以从组件工具栏中 guideRootPanel 添加子面板。
要创建“一般信息”和“专业信息”选项卡,请在的子面板中添加两个面板 guideRootPanel 。 选择面板并点按 ,以在提要栏中打开属性。 将元素名称分别更 general-info 改为“ professional-info 一般信息”和“专业信息”。 在提要栏中,点按内容以打开内容浏览器。 在“表单对象”选项卡中,选择 guideRootPanel 。 在编辑器中,选择guideRootPanel。 点按 中的cmppr以打开其属性。 在“面板布局”字段中,选择“顶部 的选项卡” ,然后点 按完成 。 此时会应用选项卡式模板结构。

在选项卡中添加内容

[ ![在自适应表单模板中添加字段](assets/template-edit-initial-content.png)

在模板中添加字段
](assets/template-edit-initial-content-1.png)在添加面板并将其构造为选项卡后,可以在选项卡内添加字段。 在编辑器中选择选项卡时,可以看到将组件拖 动到此处 。 您可以拖放组件,如文本框、列表项和按钮。 您可以从提要栏中的组件浏览器中拖放组件。
每个组件都具有增强数据捕获和操作的属性。 例如,您可以启用组 件的 “必需”字段属性。 您的作者可以指定一条消息,让客户在跳过填写必填字段时看到该消息。 在“必需字段消 息”属性中指定消息
在示例模板中,“姓名”、“电话号码”和“出生日期”字段添加在“常规信息”选项卡中。 在“专业信息”选项卡中,添加了“当前聘用”、“雇佣类型”、“教育资格”字段。
添加字段后,可以添加“提交”和“重置”等按钮。

启用模板

创建模板时,模板将添加为草稿。 启用模板以使用它创建自适应表单。 要启用模板,请执行以下操作:
  1. 导航到 Adobe Experience Manager >工具>模板 ,然后打开您在其中创建模板的文件夹。
  2. 您创建的模板将标记为“草稿”。
  3. 选择模板,然后点按工 具栏中 的启用。
    在创建自适应表单时,当要求您选择模板时,您会看到列出的模板。

导入或导出模板

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

使用模板创建自适应表单

在创建并启用模板后,在创建自适应表单时,该模板在表单管理器中可用。 要使用模板并创建自适应表单,请参阅 创建自适应表单

更改开箱即用模板的显示选项

您可以为自适应表单创建自定义模板来定义基本结构和初始内容。 AEM Forms还为自适应表单提供一组开箱即用模板。 您可以选择显示或隐藏模板。
执行以下步骤以显示和隐藏模板:
  1. 登录到AEM Forms作者实例,然后导航到“工 具”>“操作”>“Web控制台 ”。
    AEM web控制台的URL为 https://[server]:[port]/system/console/configMgr
  2. 找到并打开 FormsManager配置设置 :
    • 要显示或隐藏现成的自适应表单模板,请选中或取消选中“包 括现成的AF和AD模板 ”选项。
    • 要显示或隐藏已在AEM 6.0 Forms或AEM 6.1 Forms版本中添加但现已弃用的现成自适应表单模板,请选中或取消选中 Include AEM 6.0 AF Templates选项 。 如果选中此选项,则需要启用“包 括现成AF”和“AD模板 ”配置才能生效。
  3. 单击​ 保存 。开箱即用模板的显示选项会发生更改。

推荐

  • 在模板编辑器中修改表单的属性时,请勿使用BindReference属性。
  • 如果要添加断点,请在创作自适应表单模板时创建断点。
    有关断点的详细信息,请参阅响 应式布局