適用性Forms的版面功能

Adobe Experience Manager 可讓您建立簡單易用的適用性Forms，為使用者提供動態體驗。 表單版面會控制項目或元件在最適化表單中的顯示方式。

版面類型

適用性表單提供下列類型的配置：

面板版面 控制面板內的項目或元件在裝置上的顯示方式。

行動版面 控制行動裝置上表單的導覽。 如果裝置寬度為768像素或以上，版面會視為行動版面，並針對行動裝置最佳化。

工具列版面 控制窗體中工具欄或面板工具欄中的操作按鈕的放置。

所有這些面板配置都定義於 /libs/fd/af/layouts 位置。

若要變更最適化表單的版面，請在 Experience Manager.

面板版面配置

表單作者可將版面配置與適用性表單的每個面板（包括根面板）建立關聯。

面板佈局位於 /libs/fd/af/layouts/panel 位置。 點選面板並選取 來查看面板屬性。

回應式 — 單一頁面上的所有項目，無需導覽

使用此面板配置建立回應式配置，可根據裝置的螢幕大小進行調整，而不需進行特殊導覽。

使用此版面，您可以放置多個 面板最適化表單 元件在面板內逐一顯示。

精靈

使用此面板佈局在表單內提供引導式導航。 例如，當您想要在表單中擷取必填資訊，同時逐步引導使用者時，可使用此版面。

使用 面板最適化表單 元件，在面板內提供逐步導覽。 使用此版面時，使用者只有在目前步驟完成後才會移至下一個步驟

window.guideBridge.validate([], this.panel.navigationContext.currentItem.somExpression)

折疊式面板

使用此版面，您可以將 面板最適化表單 元件（在具有折疊式面板樣式導覽的面板中）。 使用此配置，您也可以建立可重複的面板。 可重複的面板可讓您視需要動態新增或移除面板。 您可以定義面板重複的次數下限和上限。 此外，基於在面板項中提供的資訊，可動態地確定面板的標題。

摘要運算式可用來顯示使用者在最小化面板的標題中提供的值。

頁簽式佈局 — 頁簽顯示在左側 ​

使用此版面，您可以將 面板最適化表單 元件（位於面板中），並搭配Tab導覽。 標籤會放置在面板內容的左側。

顯示在面板左側的標籤

頁簽式佈局 — 頁簽顯示在頂部

使用此版面，您可以將 面板最適化表單 面板中的元件，帶有定位導航。 標籤會放置在面板內容上方。

行動版面

行動配置可讓使用者在螢幕相對較小的行動裝置上輕鬆導覽。 行動版面使用標籤樣式或嚮導樣式進行表單導航。 套用行動版面可提供整個表單的單一版面。

此版面會使用導覽列和導覽功能表來控制導覽。 導覽列隨即顯示 < 和 > 圖示表示 next 和 上一個 導覽表單中的步驟。

行動版面位於 /libs/fd/af/layouts/mobile/ 位置。 下列行動配置預設為適用性Forms提供。

選取 將回應式版面的可導覽項目新增至行動功能表 選項，檢視「行動版面」中面板可用的導覽選項。 只有在您選取 回應式 面板的版面。

使用行動版面時，若要存取各種表單面板，點選即可使用表單功能表 表徵圖。

表單標題中具有面板標題的版面

如名稱所示，此版面會顯示面板標題以及導覽功能表和導覽列。 此版面也提供「下一步」和「上一步」導覽圖示。

表單標題中不包含面板標題的佈局 ​

如名稱所示，此版面只會顯示導覽功能表和導覽列，而不顯示面板標題。 此版面也提供「下一步」和「上一步」導覽圖示。

Business.Adobe.com 資源