建立以核心元件為基礎的最適化表單範本 adaptive-form-templates

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主題：

建立對象：

undefined
undefined

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

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

在結構圖層中新增表單的頁首與頁尾元件。
提供表單的初始內容。
指定主題，提交動作。

先決條件

為您的環境啟用最適化Forms核心元件：當您建立方案時，最適化Forms核心元件已為您的環境啟用。如果您的表單as a Cloud Service環境是以AEM Archetype 39或更早版本為基礎，請為您的環境啟用最適化Forms核心元件。

NOTE

部署以Archetype 45為基礎的Formsas a Cloud Service環境時，最適化Forms （核心元件） 範本和核心元件型主題會新增到您的環境中。

使用範本 working-with-templates

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

NOTE

您可以在核心元件特定的資料夾中找到核心元件型的可編輯範本。

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

建立範本 create-template

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

在您建立的資料夾中選取建立。
在 挑選範本型別 區段中，選取 最適化表單（核心元件）範本 並選取 下一步。
在 範本詳細資料 區段中，提供 範本標題 並選取建立。
您也可以提供說明。
選取完成以返回主控台，或選取開啟以在編輯器中開啟範本。

範本編輯器UI template-editor-ui

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

頁面工具列
包含下列選項：
- 切換側面板：可讓您顯示或隱藏側欄。
- 頁面資訊：可讓您指定發佈/取消發佈時間、縮圖、使用者端資料庫、頁面原則及頁面設計使用者端資料庫等資訊。
- 模式選取器： 可讓您變更模式。您可以選擇結構模式、初始內容、配置控制項 模式。「結構」模式可讓您新增及自訂頁首與頁尾。初始內容模式可讓您自訂表單內容。
- 預覽： 讓您預覽範本在發佈時的外觀。您可以使用「圖層選取器」和「預覽」來切換編輯和預覽模式。
側欄： 提供內容、屬性、Assets和元件瀏覽器。
元件工具列： 選取元件時，您會看到可自訂元件的工具列。
頁面：您新增內容以建立範本的區域。

編輯範本 editing-a-template

選取和編輯範本適當外觀的不同模式包括：

結構
初始內容
版面配置

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

結構 structure

當您在範本編輯器中選取結構層時，它有助於預先定義內容，而在建立與範本關聯的調適型Forms時無法變更內容。

結構圖層中的配置容器

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

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

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

NOTE

不建議分別鎖定或解除鎖定頁首元件中的影像或標誌。您可以解除鎖定標頭元件。

初始內容 initial-content

選取「初始內容」選項時，範本的「最適化表單」容器會像要編輯的最適化表單一樣開啟。它可讓您建立預先定義的內容，此內容可在建立與範本關聯的最適化Forms時變更。如同製作最適化表單，您可以指定初始設定，例如選取主題和提交動作。

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

頁首與頁尾已新增至初始內容層

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

NOTE

當您選取「儲存內容」或「儲存PDF」作為「提交動作」時，您會獲得一個選項來指定「儲存」路徑。如果您在範本中指定路徑，則以此範本建立的所有表單都會有相同的路徑。您可以指定正確的儲存路徑，或確保表單作者更新路徑，以防止每個表單中的資料都儲存在相同位置。

版面配置 layout

編輯範本時，您可以定義版面，這會使用標準回應式版面。佈局有助於根據裝置寬度管理元件的寬度，以促進回應式最適化表單設計。

結構圖層中的配置容器

如需詳細資訊，請參閱文章瞭解回應式配置。

啟用範本 enabling-the-template

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

導覽至 Adobe Experience Manager > 工具 > 範本，並開啟您建立範本的資料夾。
您建立的範本會標示為「草稿」。
選取範本並在工具列中選取啟用。
建立最適化表單時，系統要求您選擇範本時，您會看到範本列出。

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

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

NOTE

您也可以直接從最適化表單編輯器或最適化表單範本編輯器設定記錄檔案範本。如需詳細資訊，請參閱產生最適化Forms的記錄檔案。

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

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

選取位於左側的 內容瀏覽器。
移至表單容器設定。
選取 資料模型。
選擇您的表單資料模型(FDM)至 選擇表單資料模型 並儲存組態。

Form-Data-Model-Association-in-Forms

使用範本原則新增自訂屬性至最適化表單元件

自訂屬性可讓您使用表單範本，將自訂屬性（索引鍵/值組）與最適化表單核心元件建立關聯。自訂屬性會反映在元件Headless轉譯的屬性區段中。它可讓您建立根據自訂屬性值調整的動態表單行為。例如，開發人員可以為行動、桌上型電腦或Web平台設計各種無頭Forms元件的轉譯，大幅提升各種裝置的使用者體驗。

將自訂屬性新增至最適化表單核心元件欄位的步驟如下：

在範本編輯器的原則中新增自訂群組名稱
在調適型表單元件的編輯對話方塊中選取自訂群組名稱

在範本編輯器的原則中新增自訂群組名稱 add-a-custom-group-name

移至 Adobe Experience Manager > 工具 > 一般 > 範本。
根據核心元件選取範本，並以編輯模式開啟。
按一下需要定義自訂屬性之最適化表單核心元件欄位的原則圖示。 最適化表單欄位 對話方塊就會顯示。
選取 自訂屬性 標籤。
在原則區段下指定 原則標題。
指定 群組名稱，並新增與特定群組相關聯的機碼值組。表單作者可在元件的「編輯」對話方塊中看到群組名稱。如果您選取群組名稱，則每個關聯的索引鍵/值配對都適用於元件。
按一下 [「完成」]。