Skip to Main Content

Tab Content

Place a "Section" layout widget on the page. Edit the widget and open the advanced settings using the gears in the top right corner. Add the CSS class "tab-wrapper" to the "Custom CSS class for..." in the "Section" textbox. 

Then add a "Tab Content Section" layout widget inside the section that was just made. Edit the Tab Content Section widget and add a name for the tab, and select if the tab will start as "Active". Whichever tab is set as Active will be displayed when the page loads. Add a new "Tab Content Section" widget for each tab needed to display. 

Note: If the Tab Content is not displaying properly in the editor, save as draft, exit the page editor and then edit the page again and it should display correctly.

Tab Content #1
Carrier Effective Submit to Amwins by
Aetna 1st of the month January 31
Anthem Blue Cross 1st of the month February 07
Beam Benefits 1st of the month February 05
Blue Shield 1st of the month February 10
CaliforniaChoice 1st of the month February 05

 

Tab Content #2
Tab Content #1
Carrier Effective Submit to Amwins by
Aetna 1st of the month January 31
Anthem Blue Cross 1st of the month February 07
Beam Benefits 1st of the month February 05
Blue Shield 1st of the month February 10
CaliforniaChoice 1st of the month February 05

 

Tab Content #2