核心元件摺疊式功能表元件可讓您在頁面上建立以摺疊式功能表排列的面板集合。
「核心元件摺疊式功能表」元件可用來建立元件集合(由面板組成),並在頁面上以摺疊式功能表排列,類似於 索引標籤元件,但允許展開和收合面板。
摺疊式功能表元件的目前版本是v1,此版本隨2019年6月的核心元件2.5.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"
#
)。
https://wknd.site/content/wknd/language-masters/en/magazine/western-australia.html#accordion-86196c94d3-item-ca319dbb0b
導覽至將面板ID作為錨點的URL,瀏覽器會直接捲動至特定元件並顯示指定的面板。 如果面板依預設設定為不展開,則會自動展開。
「設定」對話方塊可讓內容作者定義摺疊式功能表專案、其面板,以及對於頁面的訪客它會如何表現和顯示。
使用 新增 按鈕來開啟元件選擇器,選擇要新增為面板的元件。 新增後,一個專案會新增到清單中,包含以下欄:
如果減小頁面檢視區,使編輯對話方塊變成全熒幕, 新增 按鈕將會隱藏。 元件仍可透過以下方式新增至摺疊式功能表元件 從元件瀏覽器拖放至頁面編輯器中的摺疊式功能表元件.
內容作者可以使用 選取面板 元件工具列上的選項,以變更為不同的面板進行編輯,以及輕鬆地重新排列摺疊中的面板。
選取 選取面板 選項時,已設定的摺疊面板會顯示為下拉式清單。
「設計」對話方塊可讓範本作者定義哪些選項可供使用摺疊式功能表元件的內容作者使用,以及在放置摺疊式功能表元件時的預設設定。
此 允許的元件 tab可用來定義哪些元件可由內容作者新增為摺疊式功能表元件中的面板專案。
「允許的元件」標籤的功能與相同名稱的標籤的功能相同,當 在範本編輯器中定義配置容器的原則和屬性。
摺疊式功能表元件支援AEM 樣式系統.
摺疊式功能表元件支援 Adobe使用者端資料層。