Show Menu
主題×

最適化表單範本

當您製作表單時,您會新增欄位和元件,以在編輯器中定義表單結構、內容和動作。 您可在表單容器中新增 guideRootPanel 欄位和元件。 使用範本編輯器,您可以建立範本,其中包含作者可用來建立表單的基本結構和初始內容。
例如,您希望所有表單作者在註冊表單中都有特定的文字方塊、導覽按鈕和送出按鈕。 您可以建立範本,其中包含作者可用來建立與其他註冊表單一致的表單的元件。 當作者使用範本建立最適化表單時,新表單會繼承您在範本中指定的結構和元件。 範本編輯器可讓您:
  • 在結構層中添加表單的頁首和頁尾元件。
  • 提供表單的初始內容。
  • 指定主題、提交動作。

使用範本

您可以從「工具」選單導覽至「 Adobe Experience Manager >工具>範本」,以存取範本編輯器 。 在這裡,範本會組織在可編輯範本的資料夾中。 AEM提供全域資料夾以組織範本。 但是,預設未啟用。 您可以要求管理員啟用全域資料夾或建立範本的新資料夾。 有關如何建立資料夾的詳細資訊,請參閱模 板資料夾
點選以開啟資料夾後,您會發現「建立」按鈕,允許為最適化表單建立新範本。

建立範本

建立資料夾後,開啟該資料夾並執行以下步驟以建立模板:
  1. 在範本主控台中,點選 您在已建立的資料夾中 「建立」。
  2. 在「挑選範本類型」區段中,選取「最適化表 單範本」 ,然後點選「 下一步」
  3. 在「範本詳細資料」區段中,提供範本標題並點選「建 」。 您可以提供說明和縮圖,當您在製作表單時,可以選取已建立的範本。
  4. 點選 「完成 」以返回主控台,或點選「 開啟 」以在編輯器中開啟範本。

範本編輯器UI

當您開啟範本進行編輯時,可以看到下列AEM Editor元件:
  • 頁面工具列 ​包含下列選項:
    • 切換側面板 :可讓您顯示或隱藏側邊欄。
    • 頁面資訊 :可讓您指定資訊,例如發佈/解除發佈時間、縮圖、用戶端程式庫、頁面原則和頁面設計用戶端程式庫。
    • 模擬器 :可讓您模擬和自訂不同裝置的外觀。
    • 圖層選擇器: 可讓您變更圖層。 可以選擇「結 構」 (Structure)層 或「初始內容 」(Initial Content)層。 結構圖層可讓您新增及自訂頁首和頁尾。 初始內容圖層可讓您自訂表單內容。
    • 預覽: 可讓您預覽範本在發佈時的外觀。 您可以使用「圖層選擇器」和「預覽」來切換編輯和預覽模式。
  • 側欄: 提供內容、屬性、資產和元件瀏覽器。
  • 元件工具列: 當您選取元件時,會看到工具列,可讓您自訂元件。
  • 頁面 :新增內容以建立範本的區域。
請參 閱製作最適化表單的簡介 ,以瞭解Touch UI編輯器。

編輯範本

使用兩個圖層建立最適化表單範本:
  • 結構
  • 初始內容
圖層選擇器位於畫面右上角的「預覽」選項旁。

結構

在「範本編輯器」中選取結構圖層時,您可以在「最適化表單容器」的上下看到版面容器。 作者可將這些版面容器用於頁首和頁尾。 您可以新增、編輯或自訂頁首和頁尾。 將「最適化表單標題」元件拖放至「最適化表單容器」上方的版面容器中,以自訂範本標題。 將「最適化表單頁尾」元件拖放至「最適化表單容器」下方的版面容器中,以自訂範本頁尾。
結構圖層中的版面容器
答: 頁首元件 B的版面容器。 頁尾元件的版面容器
將「最適化表單標題」元件拖放至「最適化表單容器」上方的版面容器中。 新增元件後,您可以指定其屬性,讓您新增標誌並提供標題。
同樣地,當您將頁尾元件拖放至版面容器中最適化表單容器下方時,您也可以提供版權資訊和公司詳細資訊。
在「結構」圖層中新增的頁首和頁尾

在結構層中鎖定/解鎖元件

在編輯已選取結構層的模板時,可以解除鎖定模板的頁眉和頁腳。 如果在模板中解除鎖定元件,表單作者可以使用模板在自適應表單中編輯元件。 鎖定元件可防止表單作者在最適化表單中編輯它。 元件工具列中提供鎖定選項。
例如,您可在範本中新增標題元件。 選擇元件時,可在元件工具欄中看到鎖定選項。 通常,頁首包含公司名稱和標誌,而您不希望表單作者變更範本中的標誌和頁首。 在使用模板建立且標題元件已鎖定的自適應表單中,表單作者不能更改徽標和公司名稱。
不建議在頁首元件中個別鎖定或解鎖影像或標誌。 您可以解除鎖定標題元件。

初始內容

當選取「初始內容」選項時,範本的「最適化表單容器」會像最適化表單一樣開啟以供編輯。 如同製作最適化表單,您可以指定初始設定,例如選取主題和提交動作。
表單製作者會將其當做建立表單的基礎。 內容流結構是在範本的「初始內容」層中指定。 若要切換至編輯表單範本的初始內容,請在頁面工具列中的「預覽」之前,點選「畫 >初始內容」
範本編輯器中的初始內容圖層,顯示為指定屬性而選取的最適化表單容器。
在「初始內容」圖層中,您會建立作者做為基礎的最適化表單範本。 編寫範本與編寫表單類似,您可使用「側欄」中的選項。 邊欄提供內容、屬性、資產和元件瀏覽器。
請參閱 側欄
當您選取「儲存內容」或「儲存PDF」做為「提交動作」時,您可以選擇指定「儲存路徑」。 如果您在範本中指定路徑,則從中建立的所有表單都有相同的路徑。 您可以指定正確的儲存路徑,或確保表單作者更新該路徑,以防止每個表單的資料儲存在相同的位置。

使用標籤和面板建立最適化表單範本 

例如,您要建立具有下列標籤的範本:
  • 一般資訊
  • 專業資訊
您已在結構圖層中新增標誌、提供標題和頁尾。 當表單作者使用範本建立表單時,鎖定頁首和頁尾,以阻止他們編輯表單。
將圖層從「結構」變更為「初始內容」,然後開始將內容新增至表單。 若要建立標籤式結構,請在「最適化表單」容器的guideRootPanel中新增子面板。 若要新增面板:
  • 當您選取「拖曳元件到此處」選 項時 ,可以點選+ 按鈕來新增面板
  • 您可從側欄的元件瀏覽器拖放面板元件。
  • 您可以從元件工具列新增 guideRootPanel 子面板。
要建立「一般資訊」和「專業資訊」頁籤,請在的子面板中添加兩個面板 guideRootPanel 。 選取面板並點選 ,以在側欄中開啟屬性。 將元素名稱分別變 general-info 更為「 professional-info 一般資訊」和「專業資訊」。 在側欄中,點選內容以開啟內容瀏覽器。 在「表單對象」頁籤中,選擇 guideRootPanel 。 在編輯器中,選取guideRootPanel。 在元件 ,點選cmppr以開啟其屬性。 在「面板配置」欄位中,選取「 頂端標籤」 ,然後點 選「完成」 。 標籤式範本結構即會套用。

在標籤中新增內容

在您新增面板並將其結構為標籤後,您可以在標籤內新增欄位。 在編輯器中選擇頁籤時,可看到「將元件拖 曳到此處 」選項。 您可以拖放元件,例如文字方塊、清單項目和按鈕。 您可從側欄的元件瀏覽器拖放元件。
每個元件都具有增強資料擷取和控制的屬性。 例如,您可以啟用元 件的「必要 」欄位屬性。 您的作者可以指定客戶在略過填寫必要欄位時看到的訊息。 在「必填欄位訊息 」屬性中指定訊息
在示例模板中,「一般資訊」頁籤中添加了「名稱」、「電話號碼」和「出生日期」欄位。 在「專業資訊」頁籤中,添加「當前聘用」、「就業類型」、「教育資格」欄位。
新增欄位後,您可以新增「提交」和「重設」等按鈕。

啟用範本

當您建立範本時,範本會新增為草稿。 啟用範本,以用於建立最適化表單。 要啟用模板,請執行以下操作:
  1. 導覽至 Adobe Experience Manager >工具>範本 ,然後開啟您建立範本的檔案夾。
  2. 您已建立的範本會標示為「草稿」。
  3. 選取範本,然後點選工 具列中的 「啟用」。 當您建立最適化表單時,會要求您選擇範本時,您會看到列出的範本。

導入或導出模板

表單可與其範本搭配運作。 當您下載使用自訂範本建立的最適化表單時,不會下載範本。 當您在不同的AEM Forms例項上匯入表單時,會匯入不含其範本的表單。 如果表單已匯入但其範本不可用,則不會轉譯表單。 您可以從中的節點封 /conf 裝自訂范 https://<server>:<port>/crx/packmgr 本,並將它移植到您要上傳表單的AEM Forms例項中。

使用範本建立最適化表單

建立並啟用範本後,當您建立最適化表單時,範本就可在表單管理員中使用。 要使用模板並建立自適應表單,請參 閱建立自適應表單

變更現成可用範本的顯示選項

您可以建立自訂範本以自訂最適化表單,以定義基本結構和初始內容。 AEM Forms也提供一套現成可用的最適化表單範本。 您可以選擇顯示或隱藏範本。
執行下列步驟以顯示和隱藏範本:
  1. 登入AEM Forms作者例項,並導覽至「工 > 作業 > Web Console 」。
    AEM網頁主控台的URL是https://' # : # '/system/console/configMgr
  2. 找到並開啟 FormsManager組態設定 :
    • 若要顯示或隱藏自適應表單範本,請勾選或取消勾選「包 含現成可用的AF和AD範本」選項
    • 若要顯示或隱藏已新增至AEM 6.0 Forms或AEM 6.1 Forms版本但現已停用的可調式表單範本,請勾選或取消勾選「 Include AEM 6.0 AF Templates 」選項。 如果選中此選項,則要生效,它需要啟用「 Include Out of the box AF and AD Templates (包含現成可用的AF和AD模板)」配置。
  3. 按一下​ 「儲存」 。現成範本的顯示選項會變更。

建議

  • 在模板編輯器中修改表單的屬性時,請勿使用BindReference屬性。
  • 如果要添加斷點,請在編寫自適應表單模板時建立斷點。 如需有關中斷點的詳細資訊,請參閱「自適應 版面配置」