创建表单门户页面

Forms门户组件为Web开发人员提供了组件,用于在使用Adobe Experience Manager(AEM)创作的网站上创建和自定义表单门户。 有关表单门户的快速概述,请参阅在门户上发布表单的简介

前提条件

默认情况下,Forms门户组件不可用。 确保按照启用表单门户组件中所述启用以下表单门户组件类别。

文档 服务包括搜索和制表人、链接以及草稿和提交组件。

文档服务谓 词包括日期谓词、全文谓词、属性谓词和标记谓词组件。这些组件用于在搜索和制表人组件中配置搜索。

在AEM站点页面上启用组件类别后,即可在组件浏览器中使用这些组件类别。

组件浏览器中的AEM Forms门户组件

Forms门户组件类别

搜索和制表程序组件

“文档服务”组件类别下的“搜索和制表人”组件用于在页面上列出表单,并对列出的表单实施搜索。 组件包含两个窗格:

  • 列出表单的列表窗格。
  • 在搜索窗格中添加搜索功能。

您可以将“搜索和制表人”组件从组件浏览器的“文档服务”组件类别拖放到页面上。 添加该组件后,其外观与以下内容类似。

页面中的搜索和制表人组件

在具有网格布局的页面中搜索和制表人组件

列表窗格

“列表”窗格是列出表单的区域。 “搜索和制表人”组件提供了各种配置选项,可用于控制列表窗格中表单的显示。

要配置“列表”窗格,请点按搜索和制表人组件,然后点按settings_icon。 将打开​编辑组件​对话框。

编辑模式下的列表窗格

编辑模式下的列表窗格

编辑​对话框包含多个选项卡,提供下表所述的配置选项。 完成后,点按​确定​以保存配置。

选项卡· 配置 描述
资产文件夹 添加项目 使用AEM Forms UI配置上传资产的文件夹。 默认情况下,该报表会列出所有上传的资产。 有关AEM Forms UI的更多信息,请参阅管理表单简介

显示器

标题文本 搜索和制表器组件的标题。 默认标题为Forms Portal.
布局模板 资产的布局。
禁用高级搜索 启用后,将隐藏高级搜索图标。
禁用文本搜索 启用后,将隐藏全文搜索栏。
结果 每页结果数 配置要在页面上显示的最大表单数。
结果文本

配置结果文本(例如,1-12个结果,共601个Results)。 默认值为Results

例如,如果在此字段中指定了Forms ,并且共有601个表单,则结果文本将更改为1-12个,共601个Forms。

页面文本

配置页面文本(例如,第页面1/51页)。 默认值为Page

例如,如果在此字段中指定应用程序表单,并且有51页,则页面文本将变为应用程序表单1(共51页)。

Of 文本

将的单词替换为指定的文本(51的第1页)。 默认值为of

例如,如果在此字段中指定out of ,则文本将变为第1页out of 51。

表单链接 呈现类型 根据指定的渲染类型控制表单列表。 可用选项包括PDF和HTML。 例如,如果只选择HTML作为渲染类型,则PDF forms会被过滤掉。
HTML配置文件 配置用于渲染的HTML配置文件。 下拉列表中列出了所有可用的用户档案。
提交URL

配置从中提交表单数据的Servlet。

注意: 表单的提交URL可以在多处指定,其优先顺序如下:

  1. 表单中嵌入的提交URL(在“提交”按钮中)具有最高优先级。
  2. 在AEM Forms UI中提及的提交URL具有第二高的优先级。
  3. 在Forms Portal中提及的提交URL优先级最低。
HTML渲染操作工具提示 配置工具提示的文本,该文本将指针悬停在(HTML5图标)上时显示。
PDF渲染操作工具提示 配置工具提示的文本,该文本将指针悬停在(PDF图标)上时显示。
样式 样式类型 用于指定无样式、默认样式自定义样式以列出表单。
自定义样式路径 如果选择“自定义”作为“样式类型”,请浏览以指定自定义CSS的路径,否则选择“默认”。

搜索窗格

通过“搜索”窗格,您可以从AEM Sidekick的“文档服务谓词”类别中添加“日期谓词”、“全文谓词”、“属性谓词”和“标记谓词”组件。 这些组件为用户实施了搜索功能,以便对列出的表单执行搜索。

提示: 您可以根据预设条件控制在表单门户中显示的表单列表,并为最终用户隐藏搜索功能。要控制表单列表,请使用谓词组件来应用搜索过滤器。 您还可以指定默认筛选器值,并从“编辑组件”对话框的“显示”选项卡中禁用搜索。

包含“日期”、“全文”、“属性”和“标记谓词”的搜索面板

包含“日期”、“全文”、“属性”和“标记谓词”的搜索面板

日期谓词

添加日期谓词组件后,可对在指定时间段内修改的列出表单进行搜索。

要配置日期谓词组件,请执行以下操作:

  1. 点按组件,然后点按settings_icon。 此时将打开编辑对话框。

  2. 指定以下内容:

    • 类型: 唯一可用的选项是“上次修 改日期”

    • 文本: 日期谓词组件的标签或标题。默认值为​上次修改日期。

    • 开始日期标签: 开始日期字段的标签或标题

    • 结束日期标签: 结束日期字段的标签或标题

    • 隐藏: 要强制执行默认日期过滤器来列出表单,请执行以下操作

  3. 点按​确定

全文谓词

全文谓词组件对表单数据(如名称和描述)实施全文搜索。 用户可以搜索任何文本字符串以返回在其名称或描述中包含文本的表单。

要配置全文谓词组件,请执行以下操作:

  1. 点按组件,然后点按settings_icon。 此时将打开编辑对话框。
  2. 在​主标题​字段中指定标题。
  3. 点按​确定

属性谓词

“属性谓词”组件实现了根据表单属性(如标题、作者和描述)搜索表单。

要配置属性谓词组件,请执行以下操作:

  1. 点按组件,然后点按settings_icon。 此时将打开编辑对话框。

  2. 在常规选项卡中,指定搜索标签。 默认值为​Properties

  3. 在选项选项卡中,点按​添加项目。

  4. 从下拉列表中选择一个属性,然后在下拉列表下方的字段中为其指定搜索标签。

  5. 重复步骤4以添加更多属性。 您还可以指定默认筛选器值,以根据指定的条件列出表单,并隐藏属性以供最终用户搜索。 选中属性的隐藏复选框,然后指定默认的过滤器值。
    例如,如果要显示标题中包含“Travel”的表单,请选择“Title”属性旁边的“隐藏”。 此外,指定默认过滤值文本框中的行程。

  6. 点按​确定

标记谓词

“标记谓词”组件可根据Forms Manager中定义的标记实现表单搜索。

要配置“标记谓词”组件,请执行以下操作:

  1. 点按组件,然后点按settings_icon。 此时将打开编辑对话框。
  2. 点按“标记”字段旁边的向下箭头按钮。
  3. 选择适当的标记
  4. 点按​确定

选定的标记随选复选框一起显示在“搜索”窗格中。 用户现在可以根据标记缩小搜索范围。

在页面上列出表单

要在页面上列出表单,请将​Search & Lister​组件添加到页面中,并配置​List Pane。 要使最终用户能够使用日期、文本和标记搜索表单,请添加​搜索窗格​组件。

要从页面上的任意位置链接表单,请使用链接组件。 有关链接组件的更多信息,请参阅在页面中嵌入链接组件。

要列出处于草稿状态的表单和已提交的表单,请使用​草稿和提交​组件。 有关更多信息,请参阅自定义草稿和提交组件

移动设备友好性

Forms Portal Search & Lister组件对移动设备友好,会相应地进行调整。 所有三个默认视图:网格、卡片、面板根据打开网站的设备重新发布,该设备提供网页也会调整的事实。 简单的事实是,Search & Lister仅是一个组件,不控制页面级别的样式。

下图描述了在移动设备上打开搜索和制表器组件时:

搜索和Lister组件的屏幕截图

搜索和制表器组件

自定义表单门户页面

您可以自定义表单门户页面,以为页面提供不同的外观。 您还可以添加元数据以改善搜索体验、更改页面布局和添加自定义CSS样式。 有关更多信息,请参阅自定义Forms Portal组件的模板

AEM Forms UI允许您向表单添加自定义元数据。 自定义元数据在向最终用户提供列表和搜索表单体验时非常有用。 有关自定义元数据的更多信息,请参阅自定义Forms Portal组件的模板

开箱即用的Forms Portal提供渲染操作。 您可以自定义表单门户以添加更多操作。 有关详细信息,请参阅对表单制表符项目添加自定义操作。

相关文章

在此页面上