Dropdown Menu Template | Communifire Documentation

The Dropdown menu template displays links with icons. The template is a built-in template and comes with your Communifire site.

How to Create the Sample Menu

1. Go to Control Panel > System > Page Builder > Header and edit the Community Header
2. Expand the "Navigation" Section widget
   
3. Click the Widgets tab
   
4. Drag a Navigation widget into the right column, below the Create menu
   
5. Edit the Navigation widget
   
6. Update the widget Title
7. In Navigation items, configure an item
8. Save the navigation item
   
9. Add more navigation items and configure them
   
10. Click the Template tab
    
11. Select the Dropdown menu template
    
12. Click Save Widget
    
13. Click Publish changes

Template HTML

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

<div class="dropdown {{CustomCSSClass}}"{{#if WidgetStub}} id="section-{{WidgetStub}}"{{/if}}><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">{{#if IconCSSClass}}<i class="{{IconCSSClass}}"></i>{{/if}}
    {{#if ShowWidgetHeader}}{{{WidgetTitle}}}{{/if}} <span class="caret"></span></a>
    <ul class="dropdown-menu pull-right">
    {{{Contents.ChildWidgetHTML}}}
    </ul>
</div>