建立最適化表單範本 adaptive-form-templates

Adobe 建議使用新式且可擴充的資料擷取核心元件，用來建立新的最適化表單或將最適化表單新增到 AEM Sites 頁面。這些元件代表最適化表單建立方面的重大進步，可確保令人印象深刻的使用者體驗。本文會介紹使用基礎元件編寫最適化表單的舊方法。

當您編寫表單時，可在編輯器中新增欄位和元件以定義表單結構、內容和動作。 您在表單容器的guideRootPanel中新增欄位和元件。 使用範本編輯器，您可以建立包含基本結構和初始內容的範本，以供作者建立表單。

例如，您希望所有表單作者在登錄檔單中都擁有某些文字方塊、導覽按鈕和提交按鈕。 您可以使用作者可用來建立與其他登錄檔單一致的表單的元件，來建立範本。 當作者使用範本建立最適化表單時，新表單會繼承您在範本中指定的結構和元件。 範本編輯器可讓您：

您可以從軟體發佈入口網站下載並安裝AEM Forms參考內容封裝，以將參考主題和範本匯入您的環境。

使用範本 working-with-templates

您可以導覽至​ Adobe Experience Manager > 工具 > 一般 > 範本，從「工具」功能表存取範本編輯器。 範本會整理在啟用可編輯範本的資料夾中。

Experience Manager提供可組織範本的全域資料夾。 但預設不會啟用。 您可以要求管理員啟用全域資料夾或建立範本資料夾。 如需有關如何建立資料夾的詳細資訊，請參閱範本資料夾。

建立範本 create-template

建立資料夾後，請開啟資料夾並執行以下步驟來建立範本：

範本編輯器UI template-editor-ui

開啟範本進行編輯時，您可以看到下列AEM Editor元件：

編輯範本 editing-a-template

最適化表單範本是使用兩層來建立：

圖層選取器位於熒幕右上角的「預覽」選項旁。

結構 structure

在範本編輯器中選取結構圖層時，您可以看到最適化表單容器上方和下方的版面容器。 作者可將這些配置容器用於頁首和頁尾。 您可以新增、編輯或自訂頁首與頁尾。 將版面容器中的最適化表單標題元件拖放到最適化表單容器上方，以自訂範本標題。 將調適型表單頁尾元件拖放至調適型表單容器下方的版面容器中，以自訂範本頁尾。

結構圖層中的

在結構圖層中配置容器

頁首元件​ B. ​頁尾元件的配置容器​ A.

將版面容器中的最適化表單標題元件拖放到最適化表單容器上方。 新增元件後，您可以指定其屬性，以讓您新增標誌並提供其標題。

同樣地，將頁尾元件拖放至最適化表單容器下方的版面容器時，可以提供版權資訊和公司詳細資訊。

在「結構」圖層新增頁首與頁尾

鎖定/解除鎖定結構層中的元件 locking-unlocking-components-in-the-structure-layer

當您在選取結構圖層的情況下編輯範本時，可以解鎖範本的頁首和頁尾。 如果範本中的元件已解除鎖定，表單作者可以在使用該範本的最適化表單中編輯元件。 鎖定元件會使表單作者無法在最適化表單中編輯它。 元件工具列中有鎖定選項。

例如，在範本中新增標題元件。 選取元件時，您會在元件工具列中看到鎖定選項。 通常頁首包含公司名稱和標誌，您不希望表單作者變更範本中的標誌和頁首。 在使用範本建立並鎖定頁首元件的調適型表單中，表單作者無法變更標誌和公司名稱。

初始內容 initial-content

選取「初始內容」選項時，範本的「最適化表單」容器會像要編輯的最適化表單一樣開啟。 如同製作最適化表單，您可以指定初始設定，例如選取主題和提交動作。

表單作者可將其用作建立表單的基礎。 內容流程結構是在範本的「初始內容」層中所指定。 若要切換到編輯表單範本的初始內容，在頁面工具列的[預覽]之前，選取 > 初始內容。

在初始內容層中，您建立作者用作基礎的最適化表單範本。 製作範本與製作表單類似，您會使用側邊欄中的可用選項。 側欄提供內容、屬性、資產和元件瀏覽器。

建立具有索引標籤和面板的最適化表單範本 creating-an-adaptive-form-template-with-tabs-and-panels-nbsp

例如，您想建立具有下列標籤的範本：

您已新增標誌、提供標題，並在結構圖層中新增頁尾。 鎖定頁首和頁尾，以防止表單作者在使用範本建立表單時編輯它們。

將圖層從「結構」變更為「初始內容」，並開始將內容新增至表單。 若要建立索引標籤結構，請在最適化表單容器的guideRootPanel中新增子面板。 若要新增面板：

若要建立「一般資訊」和「專業資訊」標籤，請在guideRootPanel的子面板中新增兩個面板。 選取面板，然後選取 以開啟側邊欄中的屬性。 將元素名稱變更為general-info和professional-info，並將標題分別變更為「一般資訊」和「專業資訊」。 在側邊欄中，選取內容以開啟內容瀏覽器。 在[表單物件]索引標籤中，選取guideRootPanel。 在編輯器中，選取guideRootPanel。 在元件工具列中選取 以開啟其屬性。 在「面板配置」欄位中，選取​ 索引標籤在頂端，然後選取​ 完成。 標籤範本結構即會套用。

在索引標籤中新增內容 adding-content-in-tabs

新增面板並將面板結構為索引標籤後，您即可在索引標籤內新增欄位。 在編輯器中選取索引標籤時，您可以看到​ 將元件拖曳到這裡 ​選項。 您可以拖放元件，例如文字方塊、清單專案和按鈕。 您可以從側邊欄中的元件瀏覽器拖放元件。

每個元件都有可增強資料擷取和操作的屬性。 例如，您可以啟用元件的​ 必要欄位 ​屬性。 您的作者可以指定客戶在略過填寫必填欄位時看到的訊息。 在​ 必要欄位訊息 ​屬性中指定訊息。

在範例範本中，名稱、電話號碼和出生日期欄位會新增到「一般資訊」標籤中。 在「專業資訊」標籤中，新增「目前僱用」、「僱用型別」、「教育資格」欄位。

新增欄位後，您可以新增「提交」和「重設」等按鈕。

啟用範本 enabling-the-template

當您建立範本時，它會新增為草稿。 啟用範本以將其用於建立最適化Forms。 若要啟用範本：

匯入或匯出範本 importing-or-exporting-a-template

表單可與其範本搭配使用。 下載使用自訂範本建立的最適化表單時，未下載範本。 當您在不同的AEM Forms執行個體上匯入表單時，會匯入表單而不包含其範本。 如果表單已匯入，但其範本無法使用，則不會轉譯表單。 您可以封裝來自https://<server>:<port>/crx/packmgr中/conf節點的自訂範本，並將其連線您要上傳表單的AEM Forms執行個體。 您也可以使用AEM Archype建立範本，並將其部署至您的Cloud Service執行個體。

將表單資料模型結構描述關聯至範本 associating-form-data-model-schema-in-template

作者可以在範本編輯器中將表單資料模型結構描述關聯到調適型表單範本。 它可讓作者從範本編輯器選取結構。 當您將結構描述與範本建立關聯，且表單作者根據範本建立表單時，系統會為表單預先選取結構描述。 它有助於表單作者規範結構描述的使用，並節省表單作者的時間。 若要在範本編輯器中選取表單資料模型結構描述：

使用範本建立最適化表單 creating-an-adaptive-form-using-the-template

建立並啟用範本後，當您建立最適化表單時，可在表單管理員中使用範本。 若要使用範本並建立調適型表單，請參閱建立調適型表單。

將最適化表單另存為範本 saving-adaptive-form-as-template

您也可以將最適化表單儲存為範本，以供日後使用。 若要將最適化表單另存為範本：

建議 recommendations

另請參閱 see-also