Tab Set
This component adds a Tab Set placeholder to a page for Tabs that can contain Content Components.
You can see an example Tab Set on the sample page.
Add a new Tab Set and Tab Set Item using the Experience Editor
Open the page in the Experience Editor. Click on the Component button. Click the (+Add here) button where you want to place the rendering, and the Select a Rendering window will open.
Click on the Tab Set component inside the renderings box, then click the Select button to choose it. An Tab Set Placeholder will be added to the page.
Click inside the placeholder, then click the (+Add here) button, and the Select a Rendering window will open.
Click on the Tab Set Item component inside the renderings box, then click the Select button to choose it. A window will open that allows you to Select the Associated Content for the Tab Set Item.
Select Create New Content from the options on the left, and then give your Tab Set Item a unique name in the Name field. Click OK, and your new Tab Set will be added to the page and the subcontent folder for this page. Save the page to preserve your changes.
Editing your Tab Set Item in the Content Editor
Your new Tab Set Item can be edited right inside the Experience Editor.
To edit the Tab Title: Click on the placeholder copy and start typing.
After making your edits, be sure to save your page to preserve your changes.
Adding Content to your Tab Set Item in the Experience Editor
Click on the Tab Content placeholder. Click inside the placeholder, then click the (+Add here) button, and the Select a Rendering window will open.
Click on the Component you would like to add inside the renderings box, then click the Select button to choose it. A window will open that allows you to Select the Associated Content for the Tab Set Item content. Follow the instructions for Content Component to learn how to add and edit them to the Tab Set Content placeholder.
Editing your Tab Set Item in the Content Editor
Switch back to the Content Editor, and locate your Tab Set Item inside the subcontent folder for your page. You may need to collapse and expand your folder to refresh it.
Click on the Tab Set item, and then make your changes in the Content Editor fields on the right. Be sure to save your changes.
Tab Set Item fields
| Content | |
|---|---|
| Heading | A simple text field to specify the Heading on the Tab Set Item. |
How it Looks
This is how a completed Tab Set looks.
