核心元件Accordion元件允許建立在頁面上以accordion排列的面板集合。
核心元件Accordion元件允許建立元件集合,這些元件以面板形式構成,並排列在頁面上的accordion中,類似於標籤元件,但允許展開和折疊面板。
Accordion和Tabs Components支援直接連結至元件內的面板。
要執行此操作:
id="accordion-86196c94d3-item-ca319dbb0b"
#
)附加至URL的錨點。
https://wknd.site/content/wknd/language-masters/en/magazine/western-australia.html#accordion-86196c94d3-item-ca319dbb0b
瀏覽至以面板ID為錨點的URL時,瀏覽器會直接捲動至特定元件並顯示指定的面板。 如果面板配置為預設不展開,則會自動展開。
Accordion元件的目前版本為v1,此版本於2019年6月隨核心元件2.5.0版推出,並在本檔案中加以說明。
下表詳細說明所有支援的元件版本、元AEM件版本相容的版本,以及舊版檔案的連結。
元件版本 | AEM 6.4 | AEM 6.5 | AEM as a Cloud Service |
---|---|---|---|
v1 | 相容 | 相容 | 相容 |
有關核心元件版本和版本的詳細資訊,請參閱文檔核心元件版本。
若要體驗Accordion元件,並檢視其設定選項以及HTML和JSON輸出的範例,請造訪元件庫。
有關Accordion元件的最新技術文檔可在GitHub上找到。
有關開發核心元件的詳細資訊,請參閱核心元件開發人員檔案。
設定對話方塊可讓內容作者定義accordion項目、其面板,以及該項目的行為和顯示方式,讓頁面的訪客檢視。
使用Add按鈕來開啟元件選擇器,以選擇要新增為面板的元件。 新增後,會將一個項目新增至清單,其中包含下列欄:
內容作者可使用元件工具列上的「選取面板」(Select Panel)選項,變更為不同的面板進行編輯,並輕鬆重新排列accordion中面板的順序。
在元件工具列中選取「選取面板」(Select Panel)選項後,所設定的accordion面板會顯示為下拉式清單。
設計對話框允許模板作者定義內容作者可用的選項,內容作者使用Accordion元件,並在放置Accordion元件時設定預設值。
允許的元件標籤用於定義內容作者可將哪些元件新增為Accordion元件中的面板項目。
當在範本編輯器中定義版面容器的原則和屬性時,「允許的元件」標籤的運作方式與相同名稱的標籤相同。
Accordion元件支AEM持Style System。
Accordion元件支援Adobe客戶端資料層。