文件AEM 6.5使用手冊

調適型表單中的分隔符號元件 separator-component-in-adaptive-forms

Last update: Wed Mar 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Adobe 建議使用新式且可擴充的資料擷取核心元件，用來建立新的最適化表單或將最適化表單新增到 AEM Sites 頁面。這些元件代表最適化表單建立方面的重大進步，可確保令人印象深刻的使用者體驗。本文介紹使用基礎元件製作最適化Forms的舊方法。

您可以使用分隔符號元件，以視覺化方式分隔表單的面板。 您可以指定分隔符號元件的下列屬性，以定義分隔符號元件的整體外觀和樣式：

  • 元素名稱： 指定元件的名稱。 SOM運算式會使用「元素名稱」欄位中指定的值來定址元件。

  • 粗細： 指定分隔符號元件的粗細（畫素）。

  • CSS類別： 指定分隔符號元件的自訂CSS類別

  • 內嵌樣式： 透過AEM Forms，您現在可以將內嵌CSS樣式套用至個別的最適化表單元件，並即時預覽變更。

您可以使用「版面」模式來定義分隔符號元件跨越的欄數。 如需詳細資訊，請參閱 使用版面模式調整元件大小.

若要指定分隔符號元件的屬性：

  1. 選取分隔符號元件並選取 cmppr . 屬性會在側邊欄中開啟。
  2. 按一下「內嵌CSS屬性」區段中的索引標籤，以便指定CSS屬性。 例如： a.在「欄位」標籤中，按一下 新增專案. 會新增包含兩個欄位的列。
  3. 在左側的第一個欄位中，指定您要套用的CSS3屬性。 例如， 邊框. 您也可以按一下向下箭頭按鈕來選取屬性。 下拉式清單並非詳盡無遺，您可以在此欄位中指定任何支援的CSS3屬性名稱。
  4. 在相鄰的欄位中，指定指定CSS3屬性的有效值。 例如， 3-px實心黑.
  5. 按一下 新增專案 以指定另一個屬性及其值。
  6. 按一下 預覽 以便您預覽表單中的變更。
  7. 按一下 確定 如果您要確認變更或 取消 結束對話方塊而不進行任何變更。
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2