建立表單入口網站頁面 creating-a-forms-portal-page
Forms入口網站元件為網頁開發人員提供元件，以便在使用Adobe Experience Manager(AEM)製作的網站上建立和自訂表單入口網站。 如需表單入口網站的快速概觀，請參閱 在入口網站發佈表單簡介.
必備條件 prerequisites
Forms入口網站元件預設無法使用。 確保以下表單門戶元件類別已啟用，如 啟用表單入口網站元件.
檔案服務 包括Search & Lister、Link、Drafts和Submissions元件。
文檔服務謂詞 包含日期述詞、全文述詞、屬性述詞和標籤述詞元件。 這些元件用於在Search & Lister元件中配置搜索。
在AEM網站頁面上啟用後，這些元件類別即可在元件瀏覽器中使用。
圖： Forms入口網站元件類別
Search & Lister元件 search-amp-lister-component
「文檔服務」元件類別下提供的Search & Lister元件用於列出頁面上的表單，以及對列出的表單實施搜索。 元件包含兩個窗格：
- 列出表單的清單窗格。
- 添加搜索功能的搜索窗格。
您可以將「Search & Lister」元件從元件瀏覽器的「Document Services」元件類別拖放到頁面上。 新增元件後，看起來類似下列。
圖： 在具有網格佈局的頁面中搜索和清單元件
清單窗格 list-pane
「清單」窗格是列出表單的區域。 Search & Lister元件提供了各種配置選項，可用於控制「清單」窗格中表單的顯示。
要配置「清單」窗格，請點選「搜索」和「清單」元件，然後點選
圖： 以編輯模式顯示的清單窗格
此 編輯 對話框包括幾個頁簽，這些頁簽提供下表中描述的配置選項。 點選 確定 若要儲存設定，請執行此操作。
配置結果文本(例如，601的1-12 結果)。 預設值為 結果.
例如，如果您指定 Forms 在此欄位中，總共有601個表單，結果文字變更為601的1-12 Forms。
設定頁面文字(例如 頁面 1)。 預設值為 頁面.
例如，如果您指定 申請表 在此欄位中，有51頁，頁面文字會變更為 申請表 51之1。
取代字詞 of （第1頁） of 51)。 預設值為 of.
例如，如果您指定 離開 在此欄位中，文字變更為第1頁 離開 51.
配置提交表單資料的Servlet。
注意： 表單的提交URL可在數處指定，其優先順序如下：
- 表單中內嵌的提交URL（在「提交」按鈕中）具有最高優先順序。
- AEM Forms UI中提及的提交URL具有第二高的優先順序。
- 表單入口網站中提及的提交URL優先順序最低。
搜尋窗格 search-pane
「搜尋」窗格可讓您從AEM Sidekick的「檔案服務述詞」類別中新增「日期述詞」、「全文述詞」、「屬性述詞」和「標籤述詞」元件。 這些元件為使用者實作搜尋功能，以便在列出的表單上執行搜尋。
提示： 您可以根據預設條件控制表單入口網站上顯示的表單清單，並隱藏使用者的搜尋功能。 若要控制表單清單，請使用述詞元件來套用搜尋篩選器。 您也可以指定預設篩選值，並在「編輯元件」對話方塊的「顯示」標籤中停用搜尋。
圖： 含有日期、全文、屬性和標籤述詞的搜尋面板
日期述詞 date-predicate
新增「日期述詞」元件後，即可搜尋在指定期間修改的清單。
要配置「日期謂詞」元件，請執行以下操作：
-
點選元件，然後點選
-
指定下列項目：
- 類型： 唯一可用的選項是 上次修改日期.
- 文字： 日期述詞元件的標籤或註解。 預設值為 上次修改日期.
- 開始日期標籤： 開始日期欄位的標籤或註解。
- 結束日期標籤： 結束日期欄位的標籤或註解。
- 隱藏： 強制預設日期篩選以列出表單。
-
點選 確定.
全文述詞 full-text-predicate
全文述詞元件會對表單資料（例如名稱和說明）實作全文搜尋。 使用者可以搜尋任何文字字串，以傳回名稱或說明中包含文字的表單。
配置全文謂詞元件：
- 點選元件，然後點選
- 在 主標題 欄位。
- 點選 確定.
屬性述詞 properties-predicate
「屬性述詞」元件會實作根據表單屬性（例如標題、作者和說明）來搜尋表單。
要配置屬性謂詞元件：
-
點選元件，然後點選
-
在 一般 頁簽，指定搜索標籤。 預設值為 屬性.
-
在 選項 標籤，點選 新增項目.
-
從下拉式清單中選取屬性，並在下拉式清單下方的欄位中指定其搜尋標籤。
-
重複步驟4以新增更多屬性。 您也可以指定預設篩選值，以根據指定的條件列出表單，並隱藏屬性以供一般使用者搜尋。 選取屬性的「隱藏」核取方塊並指定預設篩選值。
例如，如果要顯示標題中包含"Travel"的表單，請選擇Title屬性旁的隱藏。 此外，指定預設篩選值文本框中的差旅。
-
點選 確定.
標記述詞 tags-predicate
「標籤述詞」元件會實作根據Forms Manager中定義的標籤來搜尋表單。
若要設定「標籤述詞」元件：
- 點選元件，然後點選
- 點選「標籤」欄位旁的向下箭頭按鈕。
- 選取適當的標籤。
- 點選 確定.
所選標籤與選中的複選框一起顯示在「搜索」窗格中。 使用者現在可以根據標籤縮小搜尋範圍。
列出頁面上的表單 list-forms-on-a-page-br
若要在頁面上列出表單，請新增 Search & Lister 元件至頁面並設定 清單窗格. 若要讓使用者能夠搜尋包含日期、文字和標籤的表單，請新增 搜尋窗格 元件。
若要從頁面上的任何位置連結表單，請使用連結元件。 如需連結元件的詳細資訊，請參閱 在頁面中內嵌連結元件.
要列出處於草稿狀態的表單以及已提交的表單，請使用 草稿和提交 元件。 如需詳細資訊，請參閱 自訂草稿和提交元件.
移動設備友好性 mobile-device-friendliness
Forms Portal Search & Lister元件適合行動裝置，並據此進行調整。 所有三個預設視圖：網格、卡、面板根據開啟網站的裝置重新發佈，但網頁也隨之調整。 簡單的事實是，Search & Lister僅是元件，不控管頁面層級樣式。
下列影像描述在行動裝置上開啟Search & Lister元件時：
圖： Search&Lister元件
自訂表單入口網站頁面 customizing-a-forms-portal-page-br
您可以自訂表單入口網頁，為頁面提供不同的外觀。 您也可以新增中繼資料以改善搜尋體驗、變更頁面版面，以及新增自訂CSS樣式。 如需詳細資訊，請參閱 自訂Forms入口網站元件的範本.
AEM Forms UI可讓您將自訂中繼資料新增至表單。 自訂中繼資料對於提供清單和搜尋表單體驗給使用者很實用。 如需自訂中繼資料的詳細資訊，請參閱 自訂Forms入口網站元件的範本.
表單入口網站可立即提供演算動作。 您可以自訂表單入口網站，以新增更多動作。 如需詳細資訊，請參閱 在表單清單項目上新增自訂動作。