Adaptive Forms的版面配置功能

Adobe建議使用現代化且可擴充的資料擷取 核心元件 的 建立新的Adaptive Forms 或 將最適化Forms新增至AEM Sites頁面. 這些元件代表最適化Forms建立工作取得重大進展，可確保提供令人驚歎的使用者體驗。 本文說明使用基礎元件製作最適化Forms的舊方法。

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

版面型別

最適化表單提供下列版面型別：

面板配置 控制面板內的專案或元件在裝置上的顯示方式。

行動佈局 控制行動裝置上表單的導覽。 如果裝置寬度為768畫素或更高，此版面會被視為行動版面，並針對行動裝置進行最佳化。

工具列配置 控制動作按鈕在表單中工具列或面板工具列中的位置。

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

若要變更最適化表單的版面，請在以下位置使用製作模式： Experience Manager.

面板版面配置

表單作者可以將版面配置與最適化表單的每個面板相關聯，包括根面板。

面板配置位於 /libs/fd/af/layouts/panel 位置。 點選面板並選取 以檢視面板屬性。

Responsive — 全部於單頁無需導覽

使用此面板版面配置可建立回應式版面，此版面可依裝置的熒幕大小進行調整，而不需要任何專門的導覽。

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

精靈

使用此面板版面配置在表單內提供引導式導覽。 例如，當您想要在表單中擷取必要資訊，同時逐步引導使用者時，請使用此版面。

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

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

折疊式面板

使用此版面，您可以放置 面板最適化表單 面板中的元件，具有摺疊式功能表樣式導覽。 使用此版面，您也可以建立可重複的面板。 可重複面板可讓您視需要動態新增或移除面板。 您可以定義面板重複的最小和最大次數。 此外，面板的標題可以根據面板專案中提供的資訊動態確定。

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

索引標籤版面配置 — 索引標籤顯示在左側

使用此版面，您可以放置 面板最適化表單 具有索引標籤導覽的面板中的元件。 標籤會放置在面板內容的左側。

出現在面板左側的索引標籤

索引標籤版面配置 — 索引標籤顯示在頂端

使用此版面，您可以放置 面板最適化表單 具有索引標籤導覽的面板中的元件。 索引標籤會放置在面板內容的頂端。

行動版面配置

行動版面配置可在熒幕較小之行動裝置上進行方便好用的導覽。 行動版面會使用索引標籤或精靈樣式來進行表單導覽。 套用行動版面配置可為整個表單提供單一版面配置。

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

行動版面配置位於 /libs/fd/af/layouts/mobile/ 位置。 下列行動版面預設可在Adaptive Forms中使用。

選取 將回應式版面的可導覽專案新增至行動功能表 選項以檢視適用於行動版面配置中面板的可導覽選項。 可導覽選項只有在選取 回應式 面板的配置。

使用行動版面時，可點選表單功能表來存取各種表單面板 圖示。

在表單標題中使用面板標題的佈局

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

版面配置中表單標題沒有面板標題

如名稱所建議，此版面只會顯示導覽功能表和導覽列，而不會顯示面板標題。 此版面配置也提供用於導覽的「下一個」和「上一個」圖示。

Business.Adobe.com 資源