Award Activity Template | Communifire Documentation

The Award template displays recognition activity for a specific badge. The template is a built-in template and comes with your Communifire site. To use this template:

1. Add an Activity Widget on the page
2. Edit the widget
3. Select the Award Activity template in the Template tab

Template HTML

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

<div class="axero-widget award-users-history {{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>
                <div class="x-avatar">
                    <a href="{{ToUserProfileURL}}"><img src="{{ToUserAvatarVirtualPath}}"></a>
                </div>
                <div class="x-info">
                    <div class="x-name">
                        {{../Resources.GlobalToCamelText}}: <a class="axero-user-card-link" data-user="{{ToUserID}}" href="{{ToUserProfileURL}}"> {{{ToUserDisplayName}}}</a>
                    </div>
                    <div class="x-date">
                        <a href='{{WallPostPermURL}}'>{{DateTimeSpan}}</a>
                    </div>
                    <div class="x-giver">
                        <div class="x-message">
                            <p>{{{WallTextHtmlFormatted}}}</p>
                            
                            <div class="x-from">
                                <div class="x-from-avatar">
                                    <img src="{{UserAvatarFullUrl}}" />
                                </div>
                                <div class="x-from-name">
                                    <a class="axero-user-card-link" data-user="{{UserID}}" href="{{UserProfileURL}}"> {{{UserDisplayName}}}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            {{/each}}
        </ul>
    </div>
</div>