調適型表單中的分隔符號元件 separator-component-in-adaptive-forms
Adobe 建議使用新式且可擴充的資料擷取核心元件,用來建立新的最適化表單或將最適化表單新增到 AEM Sites 頁面。這些元件代表最適化表單建立方面的重大進步,可確保令人印象深刻的使用者體驗。本文介紹使用基礎元件製作最適化Forms的舊方法。
您可以使用分隔符號元件,以視覺化方式分隔表單的面板。 您可以指定分隔符號元件的下列屬性,以定義分隔符號元件的整體外觀和樣式:
-
元素名稱: 指定元件的名稱。 SOM運算式會使用「元素名稱」欄位中指定的值來定址元件。
-
厚度: 指定分隔符號元件的厚度(畫素)。
-
CSS類別: 指定分隔符號元件的自訂CSS類別
-
內嵌樣式: 透過AEM Forms,您現在可以將內嵌CSS樣式套用至個別的最適化表單元件,並即時預覽變更。
您可以使用「版面」模式來定義分隔符號元件跨越的欄數。 如需詳細資訊,請參閱使用配置模式調整元件大小。
若要指定分隔符號元件的屬性:
- 選取分隔符號元件並選取 。 屬性會在側邊欄中開啟。
- 按一下「內嵌CSS屬性」區段中的索引標籤,以便指定CSS屬性。 例如: a.在[欄位]索引標籤中,按一下[新增專案]。 會新增包含兩個欄位的列。
- 在左側的第一個欄位中,指定您要套用的CSS3屬性。 例如,邊框。 您也可以按一下向下箭頭按鈕來選取屬性。 下拉式清單並非詳盡無遺,您可以在此欄位中指定任何支援的CSS3屬性名稱。
- 在相鄰的欄位中,指定指定CSS3屬性的有效值。 例如,3-px實心黑色。
- 按一下 新增專案 以指定其他屬性及其值。
- 按一下 預覽,以便預覽表單中的變更。
- 如果要確認變更,請按一下[確定] ,或按一下[取消] 結束對話方塊,不做任何變更。
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2