Tabs Template | Communifire Documentation

The Tabs template displays links as tabs. The template is a built-in template and comes with your Communifire site. To see the template in action, visit the Recognition page.

How to use the Tabs template

1. Go to Control Panel > System > Page Builder
2. Add or edit a page
3. Click the Widgets tab
4. Drag a Section widget onto the page
5. Edit the Section widget
6. Update the widget Title (The title won't appear on the page)
7. In the Template tab, select Tabs
8. Save the Section widget
9. Drag a Button widget into the Section widget
10. Edit the Button widget
11. Configure the Button widget
12. In the Template tab, select Tab
13. Save the Button widget
14. Add more button widgets and configure them similarly (steps 9-13)
    Example:
    
15. Save the page

Example result:

Template HTML

Below is the HTML of this template, for your reference.

<ul class="nav nav-tabs">
    {{{Contents.ChildWidgetHTML}}}
</ul>