WARNING: There is a known issue with the Multi-Tabs/Accordion component where changing the order of the tab/fold headings does not migrate the content associated with that tab/fold and content will get our of order with the headings. Before you start populating the Multi-Tabs/Accordion component make sure you know exactly what's going in it and the order. You can drag and drop the content to move it after the change, but this can be tedious for large amounts of pre-populated content.

The multi-tab and accordion component displays content using a tabular or accordion style. This component presents two alternatives to using multi-columns to display content.

Note: Tabs will only work on preview (the page may need to be refreshed) or on the published page. The following allows content to be placed in each item. 

Select the Multi Tabs/Accordion component from the side panel and drag it to the place where you want it to appear on the page.

Properties window

After placing the component on the page, open its properties by clicking on the configure (wrench) icon. From here, you can adjust the settings of the component.

Multi Tab / Accordion component
In the configure window, select the style - Accordion or Tab - from the pull-down menu. Add a heading to each accordion or tab by clicking "Add field" in the Headings area.

The fields within the configure window include Component Title, Type, and Headings. 

Use component title if you plan to reference this tab or accordion elsewhere on your site.

Choose the type - Accordion or Tab - from the pull-down menu.

Give a heading to each accordion or tab that you create. 

Once the settings have been configured, drag and place components beneath each of the headings. 

Help / Support

For questions and / or CMS support please file a ticket:

  • Click on the "Request CMS Support" link at the bottom right hand corner of this window and fill out the form.

Tags

    Video

    Loading player for /content/dam/ensemble_cms_vt_edu/videos/multi-tab.mp4...

    See a video demonstration of this component. Click the arrows to the right of the player bar to expand the window.