在站点页面上列出表单

想象一下,一位用户访问银行的网站搜索开户表格。 该银行使用Forms门户组件,通过输入特定关键词或按“新账户”或“个人银行”等类别进行过滤,帮助用户快速查找表单,并允许用户轻松找到所需表单,而无需滚动冗长的列表。

Forms Portal的​ 搜索和列表程序 ​组件允许您在Sites页面上显示和列出表单。 用户可以根据特定标准配置和提供全面的表单列表,以满足组织要求。 匿名用户可以访问Sites页面以查看和浏览可用表单。 使用位于屏幕右上角的​ 排序依据 ​下拉选项,可以按升序或降序对列出的表单进行排序。

搜索和列表程序图标

先决条件

在探索Forms Portal组件的各种功能之前,请确保为您的环境启用了核心组件。 有关如何为您的环境启用核心组件的详细说明,请单击此处

将最新的核心组件部署到环境后,即可在创作环境中访问Forms Portal组件。

在站点页面上列出表单

要将​ Search & Lister ​门户组件添加到站点页面,请执行以下步骤:

  1. 以​ 编辑 ​模式打开AEM Sites页面。

  2. 转到​ 页面信息 > 编辑模板
    编辑模板策略

  3. 单击​ 策略 ​并选择​ [AEM原型项目名称] - Forms和通信门户 ​下的​ 搜索和列表程序 ​复选框。

    策略选择

  4. 单击​ 完成

  5. 现在,在创作模式下重新打开AEM Sites页面。

  6. 在页面编辑器中找到用于添加Forms Portal组件的部分。

  7. 单击​ 添加 ​图标。 图标是一个加号(+),表示添加新组件的选项。

    单击​ 添加 ​图标会显示​ 插入新组件 ​对话框,其中显示了要插入的各种组件。

    note note
    NOTE
    或者,您也可以拖放组件。
  8. 浏览对话框中的可用组件,并从列表中选择所需的组件。 例如,从列表中选择​ 搜索和列表程序 ​组件以添加​ 搜索和列表程序 Forms门户组件。

    搜索和列表程序组件

现在,配置​ Search and Lister ​组件的属性。

了解“搜索和列表程序”组件的属性

您可以使用“配置”对话框轻松自定义​ 搜索和列表程序 ​组件属性,以获得无缝的用户体验。 要配置,请选择该组件,然后选择 配置图标 搜索和列表程序 ​对话框打开。

“显示”选项卡

显示选项卡

  1. 在​ Title ​中,指定Search & Lister组件的标题。 指示性标题使用户能够在表单列表中执行快速搜索。
  2. 从​ 布局 ​列表中,选择以卡片或列表格式表示表单的布局。
  3. 选择​ 隐藏搜索 ​和​ 隐藏排序 ​以隐藏搜索并按功能排序。
  4. 在​ 工具提示 ​中,提供将鼠标悬停在该组件上时显示的工具提示。

“资源”选项卡

资产选项卡

  1. 在​ 资产文件夹 ​选项卡中,指定从何处提取表单并将其列在页面上。
  2. 使用​ 添加其他位置,您可以配置多个文件夹位置。

“结果”选项卡

显示选项卡

在​ 结果 ​选项卡中,配置每页显示的最大表单数。 默认设置是每页八个表单。

使用搜索和列表程序组件在“站点”页面上查看表单

要查看表单列表,请使用​ Search & Lister Forms门户组件。 预览AEM Sites页面以查看屏幕上显示的​ Assets ​文件夹中的表单列表。 您还可以使用搜索栏搜索特定表单。

搜索和列表程序图标

后续步骤

在下一篇文章中,让我们了解如何将表单另存为草稿,并使用Forms门户组件在站点页面上将其列出。

相关文章

另请参阅 see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab