Block Navigation List Template | Axero Documentation

The Block Navigation List template displays links in a vertical block design. 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 Block Navigation 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-block-nav-list {{CustomCSSClass}}{{#if HideContainerBorder}} axero-widget-no-border{{/if}}">
	<ul>{{{Contents.ChildWidgetHTML}}}</ul>
</div>