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