Show Menu
主题×

容器组件

核心组件容器组件允许为页面上的多个其他组件创建容器。

使用

核心组件容器组件允许为页面上的多个其他组件创建容器,并可用于对其他组件进行分组和应用通用样式或布局。
  • 容器的属性可在配置对话框中 进行选择
  • 将容器组件添加到页面时的默认值可以在设计对话框中 定义

版本和兼容性

容器组件的当前版本为v1,2019年6月随核心组件的2.5.0版一起推出,本文档对此进行了说明。
下表详细列出了组件的所有受支持版本、与组件版本兼容的AEM版本以及指向先前版本文档的链接。
组件版本
AEM 6.4
AEM 6.5
AEM 云服务
v1
兼容
兼容
兼容
有关核心组件版本和版本的详细信息,请参阅文档 核心组件版本

示例组件输出

要体验容器组件,并查看其配置选项以及HTML和JSON输出的示例,请访问组 件库

技术详细信息

有关容器组件的最新技 术文档可在GitHub上找到
有关开发核心组件的更多详细信息,请参阅核 心组件开发人员文档

配置对话框

配置对话框允许内容作者定义容器项以及访客页面的行为和显示方式。
  • 布局 -此选项定义容器组件的行为或布局行为。
    • 简单 -将容器定义为组件的简单集合
    • 响应式网格 -将容器定义为 AEM响应式布局
  • 背景颜色 -可定义为自由格式的RGB值,或使用拾色器,具体取 决于配置
  • 背景图像 -根据配置定义容器的 背景颜色
  • ID —— 此选项允许控制HTML和数据层中组件的唯一标 识符
    • 如果留空,则会自动为您生成唯一ID,并可通过检查生成的页面找到该ID。
    • 如果指定了ID,则作者有责任确保它是唯一的。
    • 更改ID可能会影响CSS、JS和数据层跟踪。

设计对话框

设计对话框允许模板作者定义使用容器组件的内容作者可用的选项。

Allowed Components Tab

许的组件 选项卡用于定义内容作者可以将哪些组件作为项目添加到容器组件。
当在模板编辑器中定义布局容器的策略和属性时,允许的组 件选项卡的功能与同名选项卡的功能相同。

Default Components Tab

默认组件选项卡用于定义在容器上丢弃特定资产类型时将哪个组件添加到该组件,与在页面模板 上定义默认组件的方式类似

响应式设置选项卡

  • -定义生成容器的网格中的列数。

背景选项卡

  • 背景图像
    • 启用背景图像 -选择此选项可使内容作者能够为容器定义背景图像。
  • 背景颜色
    • 启用背景颜色 -选择此选项可使内容作者为容器定义背景颜色。
    • 仅限色板 -选择此选项可仅允许内容作者从预定义的容器背景颜色色板中进行选择。
      • 仅当选择“启 用背景颜色 ”时可用
  • 允许的色板 -定义预定义颜色,内容作者可从中选择容器背景颜色
    • 使用 “添加 ”按钮可添加预定义的色板。 添加后,将向列表添加一个条目,该条目包含以下列:
    • -通过RGB值手动定义颜色
      • 点按或单击拾色器,通过调整单个RGB值或定义十六进制值更轻松地选择颜色。
    • 删除 -点按或单击以删除色板。
    • 重新排列 -点按或单击并拖动以重新排列色板的顺序。

样式选项卡

容器组件支持AEM 样式系统