自適應形式中的分隔符元件

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

  • 元素名稱: 指定元件的名稱。SOM表達式用「元素名稱」(Element Name)欄位中指定的值來處理元件。

  • 粗細: 指定分隔符號元件的粗細(以像素為單位)。

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

  • 內嵌樣式: 有了AEM Forms,您現在可以將內嵌CSS樣式套用至個別的可調式表單元件,並即時預覽變更。

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

要指定分隔符元件的屬性:

  1. 選取分隔符號元件,然後點選cmppr。 屬性會在側欄中開啟。
  2. 按一下「內嵌CSS屬性」區段中的標籤,以指定CSS屬性。 例如:a.在「欄位」頁籤中,按一下「添加項目」。 ​將添加一個包含兩個欄位的行。
  3. 在左方的第一個欄位中,指定您要套用的CSS3屬性。 例如,border。 您也可以按一下向下箭頭按鈕來選取屬性。 下拉式清單並非完整無遺,您可以在此欄位中指定任何支援的CSS3屬性名稱。
  4. 在相鄰欄位中,指定指定CSS3屬性的有效值。 例如,3px純黑
  5. 按一下「新增項目​」以指定另一個屬性及其值。
  6. 按一下「預覽」,預覽表單中的變更。
  7. 按一下​確定​確認更改,或按一下​取消​退出對話框而不進行任何更改。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now