技术详细信息
可在 GitHub 上的技术文档中获得关于自适应表单容器核心组件的最新信息。有关开发核心组件的更多信息,请参阅核心组件开发人员文档。
“配置”对话框
通过“配置”对话框,可轻松地自定义您为访客提供的表单容器体验。还可轻松地定义表单容器选项,从而营造一种无缝的用户体验。
“基本”选项卡
-
标题 - 通过组件的标题,可轻松地标识表单中的组件,默认情况下,标题显示在该组件的顶部。如果不添加标题,则显示该组件的名称而非标题文本。
-
预填充服务 - 通过此选项,用户可选择一项预填充服务以供在呈现自适应表单时检索数据。详细了解如何创建和配置预填充服务。
-
角色:角色是一个 HTML 属性,用于向屏幕阅读器等辅助技术指定 HTML 元素的用途。角色属性用于为元素提供额外的上下文和语义,使屏幕阅读器更容易向用户解释和读出内容。例如,在 AEM Forms 中,表单字段的标签可能具有“标签”的作用,其输入字段可能具有“文本框”的作用。这有助于屏幕阅读器理解标签和输入字段之间的关系,并正确地向用户读出内容。
-
客户端库类别 - 用户可以为每个自适应表单配置自定义 JavaScript 库。建议只保留库中可重用的函数,这些函数依赖 jquery 和 underscore.js 第三方库。
有时,如果存在 复杂的验证规则,则准确的验证脚本驻留在自定义函数中,并且用户从字段验证表达式中调用这些自定义函数。要在执行服务器端验证时使此自定义函数库已知并可用,表单用户可以在自适应表单容器属性的 “基本” 选项卡下配置 AEM 客户端库的名称。用户可以为每个自适应表单配置自定义 JavaScript 库。该库中只保留可重用的函数,这些函数依赖 jquery 和 underscore.js 第三方库。
“数据模型”选项卡
您可以使用表单数据模型将表单连接到数据源,以根据用户操作来发送和接收数据。您还可以将表单连接到 JSON 架构,以接收预定义格式的提交数据。根据要求,将表单连接到 JSON 架构或表单数据模型:
- 创建 JSON 架构并上传到您的环境
- 创建表单数据模型
草稿
- 自动保存草稿:选择 自动保存草稿 复选框可将表单保存为草稿。
- 保存偏好设置:将 保存偏好设置 配置为 定期保存草稿,以在特定时间间隔后自动保存表单。
保存间隔频率(秒):指定时间间隔(以秒为单位),以设置按照定义的间隔触发表单自动保存的持续时间。
“提交”选项卡
用户可以为自适应表单提交配置不同的操作。
- 重定向 URL/路径 - 通过此选项,用户可为每个表单配置一个页面,表单用户在提交自适应表单后将被重定向到该页面。单击此处以详细了解如何配置重定向页面。
- 显示消息 - 通过此选项,用户可添加在成功提交自适应表单时显示的消息。对话框中包括预定义的文本,并且用户可修改这些文本。“显示消息”对话框支持富文本格式化工具,通过这些功能,用户可为所添加的文本设置格式。
- 提交操作 - 当用户单击自适应表单上的“提交”按钮时将触发提交操作。用户可以从下拉列表中选择受支持的现有提交操作。了解如何在“提交”选项卡中配置提交操作。
“设计”对话框
“设计”对话框用于定义和管理表单容器组件的 CSS 样式。
“允许使用的组件”选项卡
通过 允许使用的组件 选项卡,模板编辑器可设置组件,这些组件可作为项添加到自适应表单编辑器组件中的面板。
“默认组件”选项卡
通过 默认组件 选项卡,模板编辑器可指定默认情况下作为项显示在自适应表单编辑器中的表单容器组件中的组件。
“响应式设置”选项卡
通过 响应式设置 选项卡,模板编辑器可指定自适应表单编辑器中的表单容器组件内的网格列数。
“样式”选项卡
自适应表单文件附件核心组件支持 AEM 样式系统。
-
默认 CSS 类:可为自适应表单表单容器核心组件提供默认 CSS 类。
-
允许使用的样式:可通过提供名称和表示样式的 CSS 类而定义样式。例如,您可以创建一个名为“bold text”的样式,并提供 CSS 类“font-weight: bold”。可使用这些样式或将其应用于自适应表单编辑器中的自适应表单。要应用样式,请在自适应表单编辑器中选择要将样式应用于的组件,导航到“属性”对话框,然后从 样式 下拉列表中选择所需的样式。如果您需要更新或修改样式,只需返回“设计”对话框,在“样式”选项卡中更新样式,然后保存更改。
“自定义属性”选项卡
通过自定义属性,您可使用表单模板将自定义属性(键值对)关联到自适应表单核心组件。自定义属性反映在组件 Headless 演绎版的属性部分中。它可让您创建根据自定义属性值进行调整的动态表单行为。例如,开发人员可以为移动、桌面或 Web 平台设计 Headless 表单组件的各种演绎版,从而大大提升各种设备上的用户体验。
-
组名称:您可以提供名称来标识自定义属性组。您可以添加、删除或重新排列多个自定义属性组。添加自定义属性组后,可看到以下选项:
-
键值对:您可以通过单击“添加”按钮,为每个自定义属性组添加多个自定义属性名称和自定义属性值。
-
删除:点击或单击此项可删除自定义属性名称和自定义属性值。
-
重新排列:点击或单击并拖动可重新排列自定义属性名称和自定义属性值的顺序。
-