Adobe Experience Manager 讓您建立易於使用的自適應Forms,為最終用戶提供動態體驗。 表單佈局控制項目或元件在自適應表單中的顯示方式。
「自適應表單」提供以下類型的佈局:
面板佈局 控制面板內的項目或元件在設備上的顯示方式。
移動佈局 控制移動設備上表單的導航。 如果設備寬度為768像素或更多,則該佈局被視為移動佈局並針對移動設備進行優化。
工具欄佈局 控制窗體中工具欄或面板工具欄中「操作」按鈕的位置。
所有這些面板佈局都在 /libs/fd/af/layouts
位置。
要更改自適應表單的佈局,請在 Experience Manager。
表單作者可以將佈局與包括根面板的自適應表單的每個面板相關聯。
「面板」佈局可在 /libs/fd/af/layouts/panel
位置。 按一下面板並選擇 按鈕。
使用此面板佈局可建立響應佈局,該佈局可根據設備的螢幕大小進行調整,而無需進行任何專用導航。
使用此佈局,可以放置多個 面板自適應窗體 在面板中一個接一個的元件。
使用此面板佈局可在窗體中提供引導導航。 例如,當要在逐步引導用戶的同時捕獲表單中的必需資訊時,請使用此佈局。
使用 面板自適應窗體 元件,用於在面板內提供分步導航。 使用此佈局時,用戶僅在當前步驟完成後才移動到下一步
window.guideBridge.validate([], this.panel.navigationContext.currentItem.somExpression)
使用此佈局,可以 面板自適應窗體 元件。 使用此佈局,還可以建立可重複面板。 可重複面板使您能夠根據需要動態添加或刪除面板。 您可以定義面板重複的最小次數和最大次數。 此外,可以根據在面板項目中提供的資訊動態地確定面板的標題。
摘要表達式可用於在最小化面板的標題中顯示最終用戶提供的值。
使用此佈局,可以 面板自適應窗體 元件。 這些頁籤放置在面板內容的左側。
顯示在面板左側的頁籤
使用此佈局,可以 面板自適應窗體 帶制表符導航的面板中的元件。 這些頁籤放置在面板內容的頂部。
移動佈局允許在螢幕相對較小的移動設備上進行用戶友好的導航。 移動佈局使用頁籤式樣式或嚮導式樣進行表單導航。 應用移動佈局為整個表單提供單個佈局。
此佈局使用導航欄和導航菜單控制導航。 導航欄顯示 < 和 > 表徵圖 下 和 上 中選擇相應的選項。
Mobile Layouts可在 /libs/fd/af/layouts/mobile/
位置。 預設情況下,以下移動佈局在AdaptiveForms中可用。
選擇 向移動菜單添加響應佈局的可導航項 按鈕,將選定控制項在Mobile佈局中移動。 僅當您選擇 響應 面板的佈局。
使用Mobile佈局時,可通過點擊表格菜單訪問各種表格面板 表徵圖
如名稱所示,此佈局顯示面板標題以及導航菜單和導航欄。 此佈局還提供了「下一步」和「上一步」表徵圖以用於導航。
如名稱所示,此佈局僅顯示沒有面板標題的導航菜單和導航欄。 此佈局還提供了「下一步」和「上一步」表徵圖以用於導航。