最適化表單製作介面可讓您使用版面模式調整元件大小。 拖曳欄內的藍點以定義起始點和終止點來定位元件。 點選回應式格線內的元件後,會顯示藍點。 回應式格線由12個相等的欄組成。 替代欄中的白色和藍色陰影可區分一欄與另一欄。
您可以使用「配置」模式為所有裝置型別(例如桌上型電腦、平板電腦、手機和其他小型裝置)調整元件大小。 平板電腦會自動從桌上型電腦版本衍生配置組態,而較小的裝置則會從電話衍生配置組態。 不過,您可以覆寫自動衍生的組態,以針對每種裝置型別定義不同的組態。
選取 版面 下拉式清單中的「最適化表單」製作介面頂端的 預覽 選項。 表單會以「版面」模式顯示。
登入 Adobe Experience Manager 作者執行個體並導覽至 Adobe Experience Manager > Forms > Forms與檔案.
建立新的或開啟現有的 最適化表單.
選取 版面 下拉式清單的下拉式清單(顯示在頂端的 預覽 選項。 表單會以「版面」模式顯示。
在「版面」模式中,點選元件以調整大小。 藍點會顯示在回應式格線的開始和結尾。
拖放藍點以定義元件在回應式格線中的位置。
點選元件後顯示的工具列包含下列選項:
您也可以使用 還原中斷點配置 ( )選項,以復原所有調整大小的變更。
您無法使用「版面」模式調整表格欄、工具列、工具列按鈕和目標區域元件的大小。 使用「樣式」模式調整這些元件的大小。
目標: 您想要插入表格元件和影像元件,並在最適化表單中彼此平行放置。
插入表格和影像元件,使用 編輯 最適化表單中的模式。 影像元件會顯示在表格元件之後。
切換至 版面 模式,然後點選 表格 元件。 調整元件大小的藍點會顯示在欄1和12。
將第12欄的藍色圓點拖曳至回應式格線的第6欄。
同樣地,選取 影像 元件,並將回應式格線第1欄的藍色圓點拖曳至第7欄。 表格和影像元件彼此平行顯示。
您可以選取影像元件並點選 浮動至新行 工具列中的可用選項,將影像元件移至下一行。
如果您想要調整整個面板而非個別元件的大小,請執行以下步驟:
在面板中點選任何您想要調整大小的元件,選取 ,並選取下拉式清單中的第一個選項(如果面板為元件的直接父項)。
藍點會顯示在回應式格線的開始和結尾。
拖放藍點以定義面板在回應式格線中的位置。
您可以重複步驟1和2,然後選取 將調整大小的面板移至下一行。
執行以下步驟來定義面板的欄數:
在 編輯 模式,點選面板,選取 ,並選取 回應式 — 頁面上的所有內容,無需導覽 選項來自 面板配置 下拉式清單。
點選 以儲存屬性。
在 版面 模式,點選面板中的任何元件,然後選取 ,然後選取面板。
點選 並從下拉式清單中選取欄數。 欄數可以介於1到12之間。 面板會分成多欄版面。
為您使用建立的表單啟用新的回應式格線 Adobe Experience Manager Forms 6.4或更低版本可調整元件大小。
切換至新的回應式格線會捨棄已為表單中使用的元件定義的版面配置屬性。
執行以下步驟以啟用新的回應式格線:
最適化表單的全新回應式佈局可讓您使用舊的回應式佈局新增最適化表單片段至表單。 不過,新版面會捨棄已針對片段中使用之元件定義的版面屬性。 您可以切換到佈局模式以定義片段中使用的元件的佈局屬性。
如果您將具有新回應式佈局的片段嵌入具有舊回應式佈局的最適化表單中,系統會提示您啟用表單的佈局模式並重新嵌入片段。
若要啟用「版面」模式,請選取 版面 下拉式清單的下拉式清單(顯示在頂端的 預覽 選項並點選 是 以確認。 選取 編輯 模式以重新嵌入片段。
您可以編輯表單中使用的範本屬性,以停用具有舊回應式版面的表單的版面模式。
執行以下步驟以停用「配置」模式:
選取 工具 > 一般 > 範本 然後開啟表單中使用的範本,位置在 編輯 模式。
在左窗格中選取表單容器並點選 原則。
點選 版面設定 標籤並選取 停用佈局模式.
點選 以儲存範本屬性。