Default Unordered List Template | Axero Documentation

The Default Unordered List template displays links in a list. The template is a built-in template and comes with your Axero site.

How to Create the Sample Menu

1. Add or edit a Page Builder page in Control Panel > System > Page Builder
2. Click the Widgets tab
   
3. Drag a Navigation widget onto the page
   
4. Edit the Navigation widget
   
5. In Navigation items, configure an item:
   • Title: Enter the text to display
   • Item type: Select Content List
   • Space: Select a space
   • Content Type: Select a content type
   • Icon: The icon will automatically populate after selecting a content type
     
6. Save the navigation item
   
7. Add more navigation items and configure them similarly
   
8. Click the Template tab
   
9. Select the Default Unordered List template
   
10. Click Save Widget
    
11. Publish the page

Template HTML

Below is the HTML of this template for your reference.

<div class="axero-widget axero-widget-advanced-nav-list {{CustomCSSClass}}{{#if HideContainerBorder}} axero-widget-no-border{{/if}}">
    {{#if ShowWidgetHeader}}
    <div class="axero-widget-header">
        <h3>{{#if Contents.IconCSSClass}}<i class="{{IconCSSClass}}"></i>{{/if}}{{WidgetTitle}}</h3>
    </div>
    {{/if}}
    <div class="axero-widget-body axero-widget-content-padded">
        <ul>
            {{{Contents.ChildWidgetHTML}}}
        </ul>
    </div>
    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
        {{{FooterHTML}}}
    </div>
    {{/if}}
</div>