Badge Receivers Avatar List Template | Communifire Documentation

The Badge Receivers Avatar List template displays a list of people who have earned a certain badge. The template is a built-in template and comes with your Communifire site. To use the template:

1. In Control Panel > People > Recognition > Pages, edit the Badge Detail page
2. Add a People Widget on the page
3. Edit the widget
4. Set the type to Awarded
5. Select the Badge Receivers Avatar List template in the Template tab

Template HTML

Below is the HTML of this template, for your reference.

<div class="axero-widget axero-people-grid {{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 axero-widget-content-padded">
        <ul>
        {{#each Contents}}
            <li class="span2">
                {{#if AwardedContentCount}}
                <div class="award-users-count">{{AwardedContentCount}}</div>
                {{/if}}
                <a class="thumbnail axero-user-card-link" data-user="{{UserID}}" href="{{ProfileURL}}" title="{{{UserInfoDisplayName}}}"><img src="{{{AvatarImageURL}}}"></a>
            </li>
        {{/each}}
        </ul>
    </div>
    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
    </div>
    {{/if}}
</div>