自适应表单中的分隔符组件

您可以使用分隔符组件以可视方式分离表单的面板。 您可以通过指定分隔符组件的以下属性来定义分隔符组件的整体外观和样式:

  • 元素名 称:指定组件的名称。SOM表达式使用在元素名称字段中指定的值对组件进行地址。

  • 粗细: 指定分隔符组件的粗细(以像素为单位)。

  • CSS类:指 定分隔符组件的自定义CSS类

  • 内联样式: 现在,借助AEM Forms,您可以将内联CSS样式应用于单个自适应表单组件并实时预览更改。

您可以使用布局模式定义分隔符组件所跨列的数量。 有关详细信息,请参阅使用布局模式调整组件大小

要指定分隔符组件的属性:

  1. 选择分隔符组件,然后点按cmppr。 将在提要栏中打开属性。
  2. 单击“内联CSS属性”部分中的选项卡以指定CSS属性。 例如:a.在“字段”选项卡中,单击​添加项目。 将添加包含两个字段的行。
  3. 在左侧的第一个字段中,指定要应用的CSS3属性。 例如,border。 您还可以通过单击向下箭头按钮来选择属性。 下拉列表不是完全的,您可以在此字段中指定任何受支持的CSS3属性名称。
  4. 在相邻字段中,为指定的CSS3属性指定一个有效值。 例如,3px纯黑
  5. 单击​添加项目​以指定其他属性及其值。
  6. 单击​预览​以预览表单中的更改。
  7. 单击​确定​以确认更改,或单击​取消​以退出对话框而不进行任何更改。

On this page

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