Default Unordered List Group Template | Axero Documentation

The Default Unordered List Group template displays groups in a Navigation widget using the Default Unordered List Template. 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. Update the widget Title
6. In Navigation items, configure a group:
   • Title: Enter the text to display
   • Item type: Select Group
     
7. Save the group
   
8. Click Add item
   
9. Configure an item:
   • Icon: Click to open the icon selector and select an icon
   • Title: Enter the text to display
   • Item type: Select Personal
   • Type: Select the personal app
     
10. Save the navigation item
    
11. Drag the navigation item into the group
    
12. Add more navigation items, configure them similarly, and drag them into the group
    
13. Click the Template tab
    
14. Select the Default Unordered List template
    
15. Click Save Widget
    
16. Publish the page

Template HTML

Below is the HTML of this template for your reference.

<li class="{{CustomCSSClass}}">
    <div>{{WidgetTitle}}</div>
    <ul>
        {{{Contents.ChildWidgetHTML}}}
    </ul>
</li>