The Tabbed Widget Builder app turns any WCM content region into a responsive tabbed interface — all apps in the region with their app name displayed become tabs, with customizable colors and a mobile accordion breakpoint.
💡Quick answers
- How do I set up the Tabbed Widget Builder? Download and drag the app onto the page, select Edit, choose text and tab colors and an accordion breakpoint size, and save.
- Why aren't all my apps showing as tabs? Each app in the region must have "Show the App Name on My Page" enabled — edit each app, go to Options, check the box, and save.
- Can I customize the colors? Yes — select your preferred text colors and tab colors when editing the Tabbed Widget Builder app.
Turn any content region into a tabbed widget with the Tabbed Widget Builder app. All apps in the region are included in the widget, unless its header is turned off. You can customize the app color scheme and it's a responsive app that turns into an accordion when viewed on mobile devices.
Download the Tabbed Widget Builder app
Add the Tabbed Widget Builder app
Drag the Tabbed Widget Builder app onto your page.
* Items marked with a red asterisk are required
- Select Edit.
- Choose your color selections for text and tab colors.
- Select your accordion breakpoint size.
- In the Options tab, edit the app name and, if you are not ready to share the information, clear the Activate on my page option.
- Choose your sharing options for the app.
- Select Save when finished.
- If any of the apps you are placing in the region to be governed by the tabbed widget app are not currently set to display the app name on the page, you must change this in order to ensure that the tabbed widget app is able to properly display/function.
- For each app that should display as a tab, edit the app, choose Options, and ensure that the box for "Show the App Name on My Page" is checked, and then save the app. Take this step for each app to be displayed as a tab-- if you do this only for some of the apps, they will appears as tabs, and the others will appear in the region as unlabeled apps that display separately.
Edit the app
- From Site Manager, navigate to the page with the Tabbed Widget Builder app.
- Select Edit to update the widget settings.
- Select the app name to update the app title.
- Use the move icon to drag the app to another location on the page.
- Use the trash icon to delete the app.
- Select Save.