Tab Snippets

Snippets from the "Tabs" category help you create tabbed content.  

Keep mobile in mind! Tabs will stack if there are too many on a mobile device.  Check out accordions for a tab alternative. 

Select the "Tabs" category

Snippet Tab Category

Select the number of tabs you need

Snippet Tab Type

Because snippets include extra html you must take care when using them.  The editor will sometimes delete html that it thinks you don't "need."  One way to ensure the extra html stays intact is to paste your content after the placeholder content and then delete the placeholder content.  If you try to delete the placeholder first you run the risk of the editor thinking you don't need the surrounding html.  

 Pasting Content in Tab Snippets

Don't publish pages with broken code! If it looks broken it preview it will be broken on the live site. We're always happy and available for help.  Just shoot us an eticket.
Did something break?  If you have not yet closed the editor, control Z (PC) or command Z (Mac) until it's working and try again.  

Example

4 Tabs

Tab 1 Content

Tab 2 Content

Tab 3 Content

Tab 4 Content

 

 

Heads up! You can only have 1 tab group on a page.