Tab Template | Communifire Documentation

The Tab template displays a link as a tab. The template is a built-in template and comes with your Communifire site. To see the template in action, visit the Recognition page. See the section below for how to use the template on any Page Builder page.

How to use the Tab 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
    Example:
    
15. Save the page

Example result:

Template HTML

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

<li class="{{CustomCSSClass}}">
    <a {{{Contents.ngCode}}} {{#if Contents.OpenNewTab}}target="_blank"{{/if}} title='{{{WidgetTitle}}}'>{{{WidgetTitle}}}</a>
</li>