Recognition - Badge Vertical List Template | Axero Documentation

The Recognition - Badge Vertical List template displays badges in a neat component. 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 badge content type
4. Select a badge type - Kudos or challenge
5. Select the Recognition - Badge Vertical List template in the Template tab

Template HTML

Below is the HTML of this template for your reference.

<div class="axero-widget axero-widget-badge-icon-list {{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 title="{{{Title}}}" href="{{ContentURL}}">
                    <span class="badge-image">
            			<img src="{{ContentImageURL}}" />
    				</span>
                    <span class="badge-name">
                        <span class="badge-title">{{{Title}}}</span>
                        <span class="badge-summary">{{{Summary}}}</span>
                    </span>
                    
                </a>
            </li>
            {{/each}}
        </ul>
    </div>
    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
        
    </div>
    {{/if}}
</div>