建立最適化表單範本

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

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

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

您可以下載並安裝 AEM Forms 引用內容包來自 Software Distribution 入口網站,將參考主題和範本匯入您的環境。

使用範本

您可以導覽至「 」,從「工具」選單存取範本編輯器 Adobe Experience Manager > 工具 > 一般 > 範本. 在此處,範本會整理在啟用可編輯範本的資料夾中。

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

建立範本

建立資料夾後,請開啟資料夾,然後執行下列步驟來建立範本:

  1. 點選 建立 在您建立的資料夾內。

  2. 在「挑選範本型別」區段中,選取 自適應表單範本 並點選 下一個.

  3. 在「範本詳細資訊」區段中,提供範本標題並點選 建立.
    您也可以提供說明。

  4. 點選 完成 以返回主控台,或點選 開啟 以在編輯器中開啟範本。

範本編輯器UI

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

  • 頁面工具列
    包含下列選項:

    • 切換側面板:可讓您顯示或隱藏側欄。
    • 頁面資訊:可讓您指定發佈/取消發佈時間、縮圖、使用者端資料庫、頁面原則和頁面設計使用者端資料庫等資訊。
    • 模式選擇器: 可讓您變更模式。您可以選擇 結構 模式, 初始內容版面配置控制 模式。 「結構」模式可讓您新增及自訂頁首與頁尾。 初始內容模式可讓您自訂表單內容。
    • 預覽: 可讓您預覽範本在發佈時的外觀。 您可以使用「圖層選取器」和「預覽」來切換編輯和預覽模式。
  • 側欄: 提供內容、屬性、資產和元件瀏覽器。

  • 元件工具列: 選取元件時,您會看到可讓您自訂元件的工具列。

  • 頁面:新增內容以建立範本的區域。

編輯範本

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

  • 結構
  • 初始內容

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

結構

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

結構圖層中的版面配置容器

在結構圖層中配置容器

答: 頁首元件的佈局容器 B. 頁尾元件的配置容器

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

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

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

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

鎖定/解除鎖定結構層中的元件

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

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

注意

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

初始內容

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

表單作者可將其用作建立表單的基礎。 內容流程結構會在範本的「初始內容」層指定。 若要切換到編輯表單範本的初始內容,在頁面工具列中的「預覽」之前,點選 畫佈下拉式清單 > 初始內容.

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

注意

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

建立具有索引標籤和面板的最適化表單範本

例如,您想要建立具有下列標籤的範本:

  • 一般資訊
  • 專業資訊

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

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

  • 您可以點選「 」 + 按鈕(當您選取 將元件拖曳到這裡 選項。

  • 您可以從側欄中的元件瀏覽器拖放面板元件。

  • 您可以新增的子面板 guideRootPanel 元件工具列中的。

若要建立「一般資訊」和「專業資訊」標籤,請在 guideRootPanel. 選取面板並點選 cmppr 以開啟側邊欄中的屬性。 將元素名稱變更為 general-infoprofessional-info和標題分別作為「一般資訊」和「專業資訊」。 在側邊欄中,點選內容以開啟內容瀏覽器。 在「表單物件」標籤中,選取 guideRootPanel. 在編輯器中,選取guideRootPanel。 點選 cmppr 以開啟其屬性。 在「面板配置」欄位中,選取 索引標籤在頂端 並點選 完成. 標籤式範本結構即會套用。

在索引標籤中新增內容

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

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

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

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

啟用範本

當您建立範本時,它會新增為草稿。 啟用範本以使用它來建立最適化Forms。 若要啟用範本:

  1. 導覽至 Adobe Experience Manager > 工具 > 範本,然後開啟您建立範本的資料夾。

  2. 您建立的範本會標示為「草稿」。

  3. 選取範本並點選 啟用 (在工具列中)。
    建立最適化表單時,系統要求您選擇範本時,您會看到範本列出。

匯入或匯出範本

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

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

建立表單資料模型結構描述與範本的關聯

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

  1. 點選 內容瀏覽器 位於左側。
  2. 前往表單容器 設定.
  3. 選取 資料模型.
  4. 選擇您的表單資料模型,透過 選取表單資料模型 並儲存設定。

Form-Data-Model-Association-in-Forms

使用範本建立最適化表單

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

將最適化表單另存為範本

您也可以將最適化表單儲存為範本,以供日後使用。 將最適化表單另存為範本:

  1. 選取最適化表單以儲存為範本。

  2. 按一下 另存為範本. 對話方塊隨即顯示。

  3. 指定 標題 (必要欄位), 位置 (必填欄位)和 說明 (選擇性欄位)。

  4. 按一下​建立

    另存為表單為範本

注意

若要使用與來源調適型表單相同的容器原則,建議將範本儲存在與來源調適型表單相同的資料夾中。 如果範本儲存在任何其他資料夾中,則建立的範本不會使用預設容器原則。

建議

  • 在範本編輯器中修改表單的屬性時,請勿使用BindReference屬性。
  • 如果您想要新增中斷點,請在編寫最適化表單範本時建立中斷點。
    如需中斷點的詳細資訊,請參閱 回應式佈局.

本頁內容