使用版面模式調整元件大小

互動式通訊Web Channel製作介面可讓您使用「版面」模式調整元件大小。 拖放欄內的藍點以定義起始點和終止點來定位元件。 點選回應式格線內的元件後，會顯示藍點。 回應式格線由12個相等的欄組成。 替代欄中的白色和藍色陰影可區分一欄與另一欄。

您可以使用「配置」模式為所有裝置型別（例如桌上型電腦、平板電腦、手機和其他小型裝置）調整元件大小。 平板電腦會自動從桌上型電腦版本衍生配置組態，而較小的裝置則會從電話衍生配置組態。 不過，您可以覆寫自動衍生的組態，以針對每種裝置型別定義不同的組態。

存取配置模式

選取 版面 下拉式清單中的「互動式通訊」製作介面頂端的 預覽 選項。 表單會以「版面」模式顯示。

1. 登入AEM編寫執行個體並導覽至 Adobe Experience Manager > Forms > Forms與檔案.

2. 建立新的或開啟現有的 互動式通訊.

3. 選取 版面 下拉式清單的下拉式清單(顯示在頂端的 預覽 選項。 表單會以「版面」模式顯示。

   

調整元件大小

1. 在「版面」模式中，點選元件以調整大小。 藍點會顯示在回應式格線的開始和結尾。

2. 拖放藍點以定義元件在回應式格線中的位置。

   

   點選元件後顯示的工具列包含下列選項：

   • 父系： 選取元件的父件。
   • 浮動至新行： 如果同一行中有多個元件，請將元件移至下一行。

   您可以復原所有調整大小變更，並使用將預設版面配置套用至包含已調整大小元件的面板 還原中斷點配置 ( )選項。 點選已調整大小元件的父元件以檢視選項。

   注意

   您無法使用「版面」模式調整表格欄、工具列、工具列按鈕和目標區域元件的大小。 使用「樣式」模式調整這些元件的大小。

範例

目標： 您要在互動式通訊中插入表格元件和影像元件，並將它們彼此平行放置。

1. 在互動式通訊的Web channel中使用「編輯」模式插入表格和影像元件。 影像元件會顯示在表格元件之後。

2. 切換至版面模式，然後點選「表格」元件。 調整元件大小的藍點會顯示在欄1和12。

3. 將第12欄的藍色圓點拖放至回應式格線的第6欄。

   

4. 同樣地，選取「影像」元件，並將回應式格線第1欄的藍色圓點拖放至第7欄。 表格和影像元件彼此平行顯示。

   

   您可以選取影像元件並點選 浮動至新行 工具列中的可用選項，將影像元件移至下一行。

調整面板大小

如果您想要調整整個面板而非個別元件的大小，請執行以下步驟：

1. 在面板中點選任何您想要調整大小的元件，選取 ，並選取下拉式清單中的第一個選項（如果面板為元件的直接父項）。

   藍點會顯示在回應式格線的開始和結尾。

2. 拖放藍點以定義面板在回應式格線中的位置。
   您可以重複步驟1和2，然後選取 將調整大小的面板移至下一行。

定義面板的多欄配置

執行以下步驟來定義面板的欄數：

1. 在 編輯 模式，點選面板，選取 ，並選取 回應式 — 頁面上的所有內容，無需導覽 選項來自 面板配置 下拉式清單。

2. 點選 以儲存屬性。

3. 在 版面 模式，點選面板中的任何元件，然後選取 ，然後選取面板。

4. 點選 並從下拉式清單中選取欄數。 欄數可以介於1到12之間。 面板會分成多欄版面。

停用具有舊回應式佈局的表單的佈局模式

您可以編輯表單中使用的範本屬性，以停用具有舊回應式版面的表單的版面模式。

執行以下步驟以停用「配置」模式：

1. 選取 工具 > 一般 > 範本 然後開啟表單中使用的範本，位置在 編輯 模式。

2. 在左窗格中選取檔案容器並點選 原則。

   

3. 點選 版面設定 標籤並選取 停用佈局模式.

4. 點選 以儲存範本屬性。

Business.Adobe.com 資源