Event List (Calendar Icon) Template | Axero Documentation

The Event List (Calendar Icon) template displays events using a minimalist design. The template is a built-in template and comes with your Axero site. To use the template:

1. Add a Content List Widget on a Page Builder page
2. Edit the widget
3. Filter by the event content type
4. Select the Event List (Calendar Icon) template in the Template tab

Default List View Configuration

The DefaultEventListType system property controls the default list view for event lists. To change it, go to Control Panel > System > System Properties and set your preferred value: 1 = Upcoming, 2 = Newest, 3 = Most Viewed, 4 = Highest Rated, 5 = Most Commented.

Template HTML

Below is the HTML of this template for your reference.

<div class="axero-widget axero-widget-events {{CustomCSSClass}} {{#if HideContainerBorder}}axero-widget-no-border{{/if}}">
    {{#if ShowWidgetHeader}}
    <div class="axero-widget-header">
        <h3>{{{WidgetTitle}}}</h3>
    </div>
    {{/if}}
    
    <div class="axero-widget-content">
        <ul> 
            {{#each Contents}}
            <li>
                <a href="{{ContentURL}}">
                    <div class="calendar-wrap">
                        <div class="calendar">
                            <span class="month">{{{EventStartDateMonthNameShort}}}</span>
                            <span class="day">{{{EventStartDateDayInMonth}}}</span>
                        </div>
                    </div>
                    <div class="event-info">
                        <div class="title">{{{Title}}}</div>
                        <div class="property">{{{EventLocation}}}</div>
                    </div>
                </a>
            </li>
            {{/each}}
        </ul>
    </div>
    
    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
        {{{FooterHTML}}}
    </div>
    {{/if}}
    
</div>