Event List (Calendar Icon) Template | Communifire Documentation

The Event List (Calendar Icon) template displays events using a minimalist design. The template is a built-in template and comes with your Communifire 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

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>