自适应表单中的分隔符组件 separator-component-in-adaptive-forms

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