核心元件折疊面板元件允許建立排列在頁面上折疊面板中的面板集合。
核心元件折疊面板元件允許建立元件集合,這些元件組成為面板,並排列在頁面上的折疊面板中,類似於 制表符元件,但允許面板的展開和折疊。
當前版本的折疊式元件是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客戶端資料層。