互動式通信Web通道創作介面允許您使用「佈局」模式調整元件大小。 在欄中拖放藍點,以定義要定位元件的起點和終點。 點選回應式格線內的元件後,藍點隨即顯示。 回應式格線包含12個相等欄。 替換列中的白色和藍色底紋區分了一列和另一列。
您可以使用「版面」模式來調整所有裝置類型(例如桌上型電腦、平板電腦、手機和其他較小裝置)的元件大小。 平板電腦會自動從案頭版本衍生配置,而較小的裝置則從手機衍生配置。 不過,您可以覆寫自動衍生的設定,以定義每種裝置類型的不同設定。
如果要使用Print channel作為主建立Web通道,則可用於調整大小的元件還包括使用Print channel在Web通道中自動生成的子表單和欄位。 Web通道將保留「佈局」模式下「打印」通道元素的佈局。
從顯示在預覽選項旁邊互動式通信創作介面頂部的下拉清單中選擇佈局。 表單會以「配置」模式顯示。
登入AEM製作例項,並導覽至Adobe Experience Manager > Forms > Forms與檔案。
建立新的或開啟現有的Interactive Communication。
從顯示在預覽選項旁邊的頂部的下拉清單中選擇佈局。 表單會以「配置」模式顯示。
在「版面」模式中,點選元件以調整大小。 藍點顯示在回應式格線的開始和結束處。
拖放藍點,以定義元件在回應式格線中的位置。
點選元件後顯示的工具列包含下列選項:
您可以使用還原斷點佈局()選項,撤消所有調整大小的更改,並將預設佈局應用到包含已調整大小的元件的面板。 點選已調整大小元件的父元件以檢視選項。
無法使用「佈局」模式調整表列、工具欄、工具欄按鈕和目標區域元件的大小。 使用樣式模式調整這些元件的大小。
目標: 您想要插入表格元件和影像元件,並在互動式通訊中將它們平行放置。
在交互通信的Web通道中,使用「編輯」模式插入表和影像元件。 影像元件會顯示在表格元件之後。
切換至「版面」模式,然後點選「表格」元件。 在第1欄和第12欄顯示的藍點可調整元件大小。
將第12欄的藍點拖放至回應式格線的第6欄。
同樣地,選取影像元件,並拖放回應式格線中第1欄至第7欄的藍點。 表格和影像元件彼此平行顯示。
您可以選取「影像」元件,然後點選工具列中可用的「浮點到新行」選項,將「影像」元件移至下一行。
如果要調整整個面板的大小,而不是個別元件,請執行下列步驟:
點選面板中要調整大小的任何元件,選取「」,然後在下拉式清單中選取第一個選項(如果面板是元件的直接父項)。
藍點顯示在回應式格線的開始和結束處。
拖放藍點,以定義回應式格線中面板的位置。
您可以重複步驟1和2,然後選擇以將調整大小的面板移至下一行。
執行下列步驟以定義面板的欄數:
在編輯模式中,點選面板,選取,然後從面板配置下拉式清單中選取回應式 — 頁面上的所有項目,而不導覽選項。
點選以儲存屬性。
在Layout模式中,點選面板中的任何元件,選擇,然後選擇面板。
點選並從下拉式清單中選取欄數。 欄數的範圍可從1到12。 面板會分為多欄版面。
您可以編輯表單中使用範本的屬性,以停用具有舊回應式版面的表單的「版面」模式。
執行下列步驟以停用「配置」模式:
選擇工具 > 一般 > 範本並以編輯模式開啟表單中使用的範本。
在左窗格中選擇「Document Container(文檔容器)」,然後點選「Policy(策略)」。
點選「Layout Settings」標籤,然後選取「Disable Layout Mode」。
點選以儲存範本屬性。