列出網站頁面上的表單
想像一下,某個使用者造訪銀行的網站,搜尋開戶表單。 銀行使用Forms Portal元件,透過輸入特定關鍵字或依類別(例如「新帳戶」或「個人銀行」)篩選,幫助使用者快速找到表單,並可讓使用者輕鬆找到所需表單,而無需捲動冗長的清單。
Forms入口網站的 搜尋與清單製作程式 元件可讓您在Sites頁面上顯示和列出表單。 使用者可以根據特定條件設定並顯示完整的表單清單,以滿足組織需求。 匿名使用者可以造訪Sites頁面以檢視和瀏覽可用的表單。 使用位於畫面右上角的 排序依據 下拉式選項,可依遞增或遞減順序排序列出的表單。
先決條件
探索Forms Portal元件的各種功能之前,請確定您的環境已啟用核心元件。 如需有關如何為您的環境啟用核心元件的詳細指示,請按一下這裡。
將最新核心元件部署至您的環境後,您便可在編寫環境中存取Forms Portal元件。
列出網站頁面上的表單
若要將 Search & Lister 入口網站元件新增至您的網站頁面,請執行下列步驟:
-
以 編輯 模式開啟AEM Sites頁面。
-
移至 頁面資訊 > 編輯範本
-
按一下 原則,然後選取 [AEM Archetype專案名稱] - Forms和通訊入口網站 下的 搜尋與清單製作程式 核取方塊。
-
按一下 「完成」。
-
現在,請在撰寫模式中重新開啟AEM Sites頁面。
-
在頁面編輯器中找出區段,讓您新增Forms Portal元件。
-
按一下 新增 圖示。 圖示是加號(+),表示可新增元件的選項。
按一下 新增 圖示會顯示 插入新元件 對話方塊,其中顯示要插入的各種元件。
note note NOTE 或者,您也可以拖放元件。 -
瀏覽對話方塊中的可用元件,並從清單中選取所需元件。 例如,從清單中選取 Search and Lister 元件,以新增 Search & Lister Forms Portal元件。
現在,請設定 Search and Lister 元件的屬性。
瞭解「搜尋並製表器」元件的屬性
您可以使用[設定]對話方塊輕鬆自訂 搜尋和清單程式 元件屬性,以提供順暢的使用者體驗。 若要設定,請選取元件,然後選取
顯示標籤
- 在 Title 中,指定Search & Lister元件的標題。 指示性標題可讓使用者在表單清單中執行快速搜尋。
- 從 配置 清單中,選取配置以卡片或清單格式表示表單。
- 選取 隱藏搜尋 和 隱藏排序 以隱藏搜尋並按功能排序。
- 在 工具提示 中,提供將游標停留在元件上時顯示的工具提示。
資產索引標籤
- 在 資產資料夾 索引標籤中,指定提取表單並列在頁面上的位置。
- 使用 新增其他位置,您可以設定多個資料夾位置。
結果標籤
在 結果 索引標籤中,設定每頁要顯示的表單數目上限。 預設為每頁八個表單。
使用Search & Lister元件在Sites頁面上檢視表單
若要檢視表單清單,請使用 Search & Lister Forms Portal元件。 預覽AEM Sites頁面,以檢視熒幕上顯示之 Assets 資料夾中的表單清單。 您也可以使用搜尋列來搜尋特定表單。
後續步驟
在下一篇文章中,讓我們瞭解如何將表單儲存為草稿,並使用Forms Portal元件草稿和提交在Sites頁面上將其列出。
相關的文章
另請參閱 see-also
- 建立 AEM 最適化表單
- 新增 AEM 最適化表單至 AEM Sites 頁面
- 將主題套用到 AEM 最適化表單
- 將元件新增至 AEM 最適化表單
- 在 AEM 最適化表單中使用驗證碼
- 產生 AEM 最適化表單的 PDF 版本 (DoR)
- 翻譯 AEM 最適化表單
- 啟用 Adobe Analytics 讓最適化表單可追蹤表單使用情況
- 將最適化表單連接到 Microsoft SharePoint
- 將最適化表單連接到 Microsoft Power Automate
- 將最適化表單連接到 Microsoft OneDrive
- 將最適化表單連接至 Microsoft® Azure Blob 儲存體
- 將最適化表單連接到 Salesforce
- 在 AEM 最適化表單中使用 Adobe Sign in
- 為最適化表單新增地區設定
- 將最適化表單資料傳送到資料庫
- 將最適化表單資料傳送到 REST 端點
- 將最適化表單資料傳送到 AEM 工作流程
- 使用 Forms 入口網站在 AEM 網站上列出 AEM 最適化 Forms
- 在最適化表單中新增版本設定、評論和附註
- 比較最適化表單