My Recognition Widget | Communifire Documentation

Add a My Recognition widget to user profiles.

How to Create the My Recognition Widget

• Template Name: Enter My Recognition
• Widget Type: Select Content List
• Widget Sub Type: Select Content List
• In the editor, paste the following code

<div class="axero-widget {{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 axero-award-list axero-earned-award-list axero-my-recognition">
        <ul class="badges-earned-list axero-award-list-ul"> 
        
            {{#each Contents}}
            <li class="axero-award-list-li">
                <a href="{{ContentURL}}" title="{{{Title}}}"><img src="{{ContentImageURL}}" alt="{{{Title}}}" /></a>
            </li>
            {{/each}}
            
        </ul>
    </div>
    
    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
		{{{FooterHTML}}}
        
    </div>
    {{/if}}
    
</div>

Add the following code.

/*My Recognition widget*/ .axero-widget-content.axero-my-recognition ul.badges-earned-list li {width: 20%}

• Title: Enter My Recognition
• Widget Sub Type: Select Content List
• Content types: Select Badge
• Total items: Set to your preferred value