列出網站頁面上的表單

想像一下,某個使用者造訪銀行的網站,搜尋開戶表單。 銀行使用Forms Portal元件,透過輸入特定關鍵字或依類別(例如「新帳戶」或「個人銀行」)篩選,幫助使用者快速找到表單,並可讓使用者輕鬆找到所需表單,而無需捲動冗長的清單。

Forms入口網站的​ 搜尋與清單製作程式 ​元件可讓您在Sites頁面上顯示和列出表單。 使用者可以根據特定條件設定並顯示完整的表單清單,以滿足組織需求。 匿名使用者可以造訪Sites頁面以檢視和瀏覽可用的表單。 使用位於畫面右上角的​ 排序依據 ​下拉式選項,可依遞增或遞減順序排序列出的表單。

搜尋和製表器圖示

先決條件

探索Forms Portal元件的各種功能之前,請確定您的環境已啟用核心元件。 如需有關如何為您的環境啟用核心元件的詳細指示,請按一下這裡

將最新核心元件部署至您的環境後,您便可在編寫環境中存取Forms Portal元件。

列出網站頁面上的表單

若要將​ Search & Lister ​入口網站元件新增至您的網站頁面,請執行下列步驟:

  1. 以​ 編輯 ​模式開啟AEM Sites頁面。

  2. 移至​ 頁面資訊 > 編輯範本
    編輯範本原則

  3. 按一下​ 原則,然後選取​ [AEM Archetype專案名稱] - Forms和通訊入口網站 ​下的​ 搜尋與清單製作程式 ​核取方塊。

    原則選擇

  4. 按一下​ 「完成」

  5. 現在,請在撰寫模式中重新開啟AEM Sites頁面。

  6. 在頁面編輯器中找出區段,讓您新增Forms Portal元件。

  7. 按一下​ 新增 ​圖示。 圖示是加號(+),表示可新增元件的選項。

    按一下​ 新增 ​圖示會顯示​ 插入新元件 ​對話方塊,其中顯示要插入的各種元件。

    note note
    NOTE
    或者,您也可以拖放元件。
  8. 瀏覽對話方塊中的可用元件,並從清單中選取所需元件。 例如,從清單中選取​ Search and Lister ​元件,以新增​ Search & Lister Forms Portal元件。

    搜尋和清單元件

現在,請設定​ Search and Lister ​元件的屬性。

瞭解「搜尋並製表器」元件的屬性

您可以使用[設定]對話方塊輕鬆自訂​ 搜尋和清單程式 ​元件屬性,以提供順暢的使用者體驗。 若要設定,請選取元件,然後選取 設定圖示 搜尋與清單製作者 ​對話方塊開啟。

顯示標籤

顯示標籤

  1. 在​ Title ​中,指定Search & Lister元件的標題。 指示性標題可讓使用者在表單清單中執行快速搜尋。
  2. 從​ 配置 ​清單中,選取配置以卡片或清單格式表示表單。
  3. 選取​ 隱藏搜尋 ​和​ 隱藏排序 ​以隱藏搜尋並按功能排序。
  4. 在​ 工具提示 ​中,提供將游標停留在元件上時顯示的工具提示。

資產索引標籤

資產標籤

  1. 在​ 資產資料夾 ​索引標籤中,指定提取表單並列在頁面上的位置。
  2. 使用​ 新增其他位置,您可以設定多個資料夾位置。

結果標籤

顯示標籤

在​ 結果 ​索引標籤中,設定每頁要顯示的表單數目上限。 預設為每頁八個表單。

使用Search & Lister元件在Sites頁面上檢視表單

若要檢視表單清單,請使用​ Search & Lister Forms Portal元件。 預覽AEM Sites頁面,以檢視熒幕上顯示之​ Assets ​資料夾中的表單清單。 您也可以使用搜尋列來搜尋特定表單。

搜尋和製表器圖示

後續步驟

在下一篇文章中,讓我們瞭解如何將表單儲存為草稿,並使用Forms Portal元件草稿和提交在Sites頁面上將其列出

相關的文章

另請參閱 see-also

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