文件AEM 6.5使用手冊

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

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 主題：

建立對象：

  • undefined
  • undefined

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