建立表單入口網站頁面 creating-a-forms-portal-page

版本
文章連結
AEM as a Cloud Service
按一下這裡
AEM 6.5
本文章

Forms入口網站元件可讓網頁開發人員在利用Adobe Experience Manager (AEM)編寫的網站上建立及自訂表單入口網站。 如需表單入口網站的快速概覽,請參閱 在入口網站上發佈表單簡介.

先決條件 prerequisites

Forms入口網站元件預設無法使用。 請確認下列Forms Portal元件類別已啟用,如所述 啟用表單入口網站元件.

檔案服務 包含搜尋與清單製作者、連結,以及草稿與提交元件。

檔案服務述詞 包括日期述詞、全文檢索述詞、屬性述詞和標籤述詞元件。 這些元件可用來設定「搜尋和製表器」元件中的搜尋。

在AEM網站頁面上啟用這些元件類別後,就可在元件瀏覽器中使用。

元件瀏覽器中的AEM Forms入口網站元件

Forms入口網站元件類別

搜尋與清單元件 search-amp-lister-component

Document Services元件類別底下提供的Search & Lister元件可用來列出頁面上的表單,以及在列出的表單上實施搜尋。 元件包含兩個窗格:

  • 列出表單的清單窗格。
  • 您新增搜尋功能的搜尋窗格。

您可以將Search & Lister元件從元件瀏覽器中的Document Services元件類別拖放到頁面上。 新增元件時,其外觀類似下列專案。

頁面中的Search Lister元件

具有格線版面配置之頁面中的「搜尋與清單程式」元件

清單窗格 list-pane

「清單」窗格是列出表單的區域。 Search & Lister元件提供各種組態選項,可用來控制List窗格中表單的顯示。

若要設定「清單」窗格,請選取「搜尋並製表器」元件,然後選取 settings_icon . 此 編輯元件 對話方塊開啟。

編輯模式中的清單窗格

編輯模式中的清單窗格

編輯 對話方塊包含數個提供設定選項的標籤,如下表所述。 選取 確定 以儲存組態(完成時)。

標籤
設定
說明
資產檔案夾
新增項目
設定使用AEM Forms UI上傳資產的資料夾。 預設情況下,其中會列出所有上傳的資產。 如需AEM Forms UI的詳細資訊,請參閱 管理表單簡介.
顯示
標題文字
搜尋與清單元件的標題。 預設標題為 Forms入口網站。
版面配置範本
資產的配置。
停用進階搜尋
啟用時,會隱藏進階搜尋圖示。
停用文字搜尋
啟用時,會隱藏全文檢索搜尋列。
結果
每頁結果數
設定要在頁面上顯示的表單最大數量。
結果文字

設定結果文字(例如,601的1-12) 結果)。 預設值為 結果.

例如,如果您指定 Forms 在此欄位中,共有601個表單,結果文字會變更為1-12 / 601 Forms。

頁面文字

設定頁面文字(例如, 頁面 1/51)。 預設值為 頁面.

例如,如果您指定 申請表單 在此欄位中有51頁,頁面文字會變更為 申請表單 1/51。

Of 文字

取代單字 包含指定文字(第1頁) 51)。 預設值為 .

例如,如果您指定 / 在此欄位中,文字會變更為第1頁 / 51.

表單連結
呈現類型
根據指定的轉譯器型別控制表單清單。 可用的選項有PDF和HTML。 例如,如果您選取「僅HTML」作為轉譯型別,則會篩選掉PDF forms。
HTML設定檔
設定用於轉譯的HTML設定檔。 下拉式清單中會列出所有可用的設定檔。
提交URL

設定表單資料提交所在的servlet。

注意: 表單的提交URL可在數個位置指定,其優先順序如下:

  1. 表單中內嵌的提交URL (在提交按鈕中)具有最高優先順序。
  2. AEM Forms UI中提到的提交URL具有第二高優先順序。
  3. Forms入口網站中提到的提交URL優先順序最低。
HTML演算動作工具提示
設定工具提示的文字,當游標懸停於上方時,會顯示此文字+-------------+ | img-md | +=============+ | w-13 | +-------------+ | | +-------------+(HTML5圖示)。
PDF演算動作工具提示
設定工具提示的文字,當游標懸停於上方時,會顯示此文字+-------------+ | img-md | +=============+ | w-14 | +-------------+ | | +-------------+(PDF圖示)。
樣式
樣式型別
可讓您指定 無樣式,預設樣式,或 自訂樣式 以列出表格。
自訂樣式路徑
如果您選取「自訂」作為「樣式型別」,請瀏覽以指定自訂CSS的路徑,否則請選取「預設」。

搜尋窗格 search-pane

「搜尋」窗格可讓您從AEM Sidekick的檔案服務述詞類別中新增日期述詞、全文檢索述詞、屬性述詞和標籤述詞元件。 這些元件實施搜尋功能,讓使用者對列出的表單執行搜尋。

秘訣: 您可以根據預設條件控制表單入口網站上顯示的表單清單,並隱藏一般使用者的搜尋功能。 若要控制表單清單,請使用述詞元件來套用搜尋篩選器。 您也可以指定預設篩選值,並從「編輯元件」對話方塊的「顯示」標籤中停用搜尋。

包含日期、全文、屬性和標籤述詞的搜尋面板

包含日期、全文、屬性和標籤述詞的搜尋面板

日期述詞 date-predicate

新增日期述詞元件時,可讓您搜尋在指定期間內修改過的列出表單。

若要設定日期述詞元件:

  1. 選取元件,然後選取 settings_icon . 「編輯」對話方塊開啟。

  2. 指定下列專案:

    • 型別: 唯一可用的選項是 上次修改日期

    • 文字: 日期述詞元件的標籤或標題。 預設值為 上次修改日期。

    • 開始日期標籤: 開始日期欄位的標籤或標題

    • 結束日期標籤: 結束日期欄位的標籤或標題

    • 隱藏: 若要強制預設日期篩選器以列出表單

  3. 選取 確定

全文檢索述詞 full-text-predicate

全文檢索述詞元件會針對表單資料(例如名稱和說明)實作全文檢索搜尋。 使用者可以搜尋任何文字字串,以傳回名稱或說明中包含文字的表單。

設定全文檢索述詞元件:

  1. 選取元件,然後選取 settings_icon . 「編輯」對話方塊開啟。
  2. 在中指定標題 主要標題 欄位。
  3. 選取 確定

屬性述詞 properties-predicate

屬性述詞元件會根據表單屬性(例如標題、作者和說明)實施表單搜尋。

若要設定「屬性述詞」元件:

  1. 選取元件,然後選取 settings_icon . 「編輯」對話方塊開啟。

  2. 在「一般」標籤中,指定搜尋標籤。 預設值為 屬性

  3. 在「選項」標籤中,選取 新增專案。

  4. 從下拉式清單中選取屬性,並在下拉式清單下方的欄位中指定其搜尋標籤。

  5. 重複步驟4以新增更多屬性。 您也可以指定預設篩選值,以根據指定的條件列出表單,並隱藏屬性以供一般使用者搜尋。 選取屬性的「隱藏」核取方塊,並指定預設篩選值。
    例如,如果您想要顯示標題中包含「Travel」的表單,請選取「標題」屬性旁的「隱藏」。 此外,在預設篩選值文字方塊中指定「行進」。

  6. 選取 確定

標記述詞 tags-predicate

標籤述詞元件會根據Forms Manager中定義的標籤來實施表單搜尋。

若要設定「標籤述詞」元件:

  1. 選取元件,然後選取 settings_icon . 「編輯」對話方塊開啟。
  2. 選取「標籤」欄位旁的向下箭頭按鈕。
  3. 選取適當的標籤
  4. 選取 確定

選取的標籤會與選取的核取方塊一起出現在「搜尋」窗格中。 使用者現在可以根據標籤縮小搜尋範圍。

在頁面上列出表單 list-forms-on-a-page-br

若要在頁面上列出表單,請新增 搜尋與清單製作者 元件至頁面並設定 清單窗格. 若要讓一般使用者搜尋包含日期、文字和標籤的表單,請新增 搜尋窗格 元件。

若要從頁面上的任何位置連結表單,請使用連結元件。 如需連結元件的詳細資訊,請參閱 將連結元件內嵌在頁面中.

若要列出處於草稿狀態的表單以及已提交的表單,請使用 草稿與提交 元件。 如需詳細資訊,請參閱 自訂草稿與提交元件.

行動裝置便利性 mobile-device-friendliness

Forms Portal搜尋與清單元件適合行動裝置使用,且可據此調整。 所有三個預設檢視:格線、卡片、根據開啟網站的裝置重新啟動面板,而且網頁也會隨之調整。 簡單的事實是,「搜尋與製表器」只是元件,不會控管頁面層級樣式。

下圖說明在行動裝置上開啟搜尋與清單元件時:

Search and Lister元件的熒幕擷圖

搜尋與清單元件

自訂表單入口網站頁面 customizing-a-forms-portal-page-br

您可以自訂表單入口網站頁面,為頁面提供獨特的外觀。 您也可以新增中繼資料以改善搜尋體驗、變更頁面版面以及新增自訂CSS樣式。 如需詳細資訊,請參閱 為Forms Portal元件自訂範本.

AEM Forms UI可讓您將自訂中繼資料新增至表單。 自訂中繼資料適用於為一般使用者提供清單和搜尋表單體驗。 如需自訂中繼資料的詳細資訊,請參閱 為Forms Portal元件自訂範本.

Forms Portal可立即提供轉譯動作。 您可以自訂表單入口網站以新增更多動作。 如需詳細資訊,請參閱 正在表單製表器專案上新增自訂動作。

相關文章

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2