核心组件选项卡组件允许将内容组织到多个选项卡上。
选项卡组件允许内容作者在多个选项卡中组织页面内容。
编辑对话框允许内容作者定义多个选项卡并设置活动选项卡。 使用设计对话框,模板作者可以定义哪些组件可以添加到选项卡并自定义样式。
支持嵌套的选项卡组件(选项卡中的选项卡)。
使用内容树可以定位/选择简单(非嵌套)的选项卡组件,但嵌套的选项卡不能。
选项卡和折叠组件支持直接链接到组件中的面板。
要执行此操作:
id="accordion-86196c94d3-item-ca319dbb0b"
#
)附加到URL的锚点。
https://wknd.site/content/wknd/language-masters/en/magazine/western-australia.html#accordion-86196c94d3-item-ca319dbb0b
导航到面板ID为锚点的URL,浏览器将直接滚动到特定组件并显示指定的面板。 如果面板配置为默认不展开,则会自动展开面板。
标签组件的当前版本为v1,2018年10月随核心组件的2.2.0版引入了v1,本文档中对此进行了说明。
下表详细列出了组件的所有受支持版本、与组件版本兼容的AEM版本以及指向先前版本文档的链接。
组件版本 | AEM 6.4 | AEM 6.5 | AEM as a Cloud Service |
---|---|---|---|
v1 | 兼容 | 兼容 | 兼容 |
有关核心组件版本和版本的详细信息,请参阅文档核心组件版本。
要体验选项卡组件及其配置选项以及HTML和JSON输出的示例,请访问组件库。
有关选项卡组件的最新技术文档可在GitHub上找到。
有关开发核心组件的更多详细信息,请参阅核心组件开发人员文档。
编辑对话框允许内容作者创建、重命名和重新排列选项卡以及定义活动选项卡。
使用添加按钮打开组件选择器以选择要添加为选项卡的组件。 添加后,将向列表添加一个条目,该条目包含以下列:
如果缩小了页面的视区,使编辑对话框变为全屏,则添加按钮将被隐藏。 组件仍可以通过从组件浏览器拖放到页面编辑器中的选项卡组件来添加到选项卡组件。
在辅助功能选项卡上,可以为组件的ARIA辅助功能标签设置值。
内容作者可以使用组件工具栏上的选择面板选项更改为其他面板进行编辑,并轻松重新排列选项卡的顺序。
在组件工具栏中选择选择面板选项后,将显示所配置的选项卡作为下拉列表。
设计对话框允许模板作者定义哪些组件可以作为项目添加到选项卡组件,以及定义哪些自定义样式可供内容作者使用。
允许的组件选项卡用于定义内容作者可以将哪些组件作为项目添加到选项卡组件。
当在模板编辑器中定义布局容器的策略和属性时,允许的组件选项卡的功能与同名选项卡的功能相同。
选项卡组件支持AEM 样式系统。