People Grid Template | Axero Documentation

The People Grid template displays users with just their profile photos. The template is a built-in template and comes with your Axero site. To use the template:

1. Add a People Widget on a Page Builder page
2. Edit the widget
3. Set the type to People List
4. Select the People Grid template in the Template tab

Template HTML

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

<div class="axero-widget clearfix 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">
                <a class="thumbnail axero-user-card-link" data-user="{{UserID}}" href="{{ProfileURL}}" title="{{{UserInfoDisplayName}}}"><img alt="{{{UserInfoDisplayName}}}" src="{{AvatarImageURL}}" /></a>
            </li>
        {{/each}}
        </ul>
    </div>
    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
        
    </div>
    {{/if}}
</div>