|Discussion
Tabs: Adding multiple widgets to the second set of tabs on a page layout
Some of our content owners are adding multiple sets of tabs on their page layouts and asking how they can add multiple widgets to their second or third set of tabs on a page layout. We have figured out how to do it on the first set of tabs, but have not successfully figured it out beyond the first set of tabs. Here's what we use for the first set:
- Parent HTML Class: ps-tabs tab-group-main
- First tab widget Class: ps-tab tab-group-main
- First tab, second widget Class: ps-tab multi-tab-main
- Second tab widget Class: ps-tab group-main
- Second tab, second widget Class: ps-tab multi-tab-main
But cannot make it work once we change "tab-group-main" to "tab-group-2."
Viewed 1,175 times
7 Replies
Hi Tammy Triplett , unless you have multiple instances of the tabs on the same page (another HTML widget that uses ps-tabs), you do not need to use the tab-group-x class. The multi-tab-x class is used to group multiple widgets within a tab where x is the description you want to use for the grouping. For example:
In the above example, multi-tab-firsttab is one grouping of widgets within a tab, and multi-tab-secondtab is a second grouping of widgets within another tab.
If you do have multiple instances of tabs on the same page, the above would still work, but you would then need to also add the same tab-group-x class to all widgets that are in the same instance of tabs.
Thank you Jesse Langstaff !!! We will give this a try