The People Directory template displays people in a grid. The template is a built-in template and comes with your Axero site.
To use the template in People Directory:
To use the template on any other page:
Make the profile photos bigger
/*Remove image crop for the People Directory template*/ ul.axero-people-grid li .thumbnail .img-wrapper a.img-inner img:nth-child(2) { margin-top: 0; } ul.axero-people-grid li .thumbnail .img-wrapper { padding-top: 100%; }
Once you save CSS overrides, profile photos in the People Directory template will appear bigger anywhere the template is used.
Below is the HTML of this template for your reference.
<ul class="ax-content-list thumbnails axero-people-grid" infinite-scroll='loadMore()' data-widgetid='{{WidgetID}}'> {{#each Contents}} <li class="span4 axero-people-grid-item{{#if ConnectedToUser}} connected{{else}} not-connected{{/if}}" data-userid="{{User.UserID}}"> <div class="thumbnail"> <div class="img-wrapper"> <a href="{{{User.ProfileURL}}}" title="{{{User.UserInfoDisplayName}}}" class="img-inner"> {{#if RankName}} <span class="profile-rank"> <img src="{{User.RankImageURL}}" alt="{{{User.RankName}}}"> <span class="axero-people-list-rank">{{{User.RankName}}}</span> </span> {{/if}} <img src="{{field:Profile photo}}" alt="{{{User.UserInfoDisplayName}}}"> </a> </div> <div class="profile-info"> <div class="profile-name"><a class="axero-user-card-link" data-user="{{User.UserID}}" href="{{{User.ProfileURL}}}">{{{User.UserInfoDisplayName}}}</a></div> <div class="profile-title">{{{field:Occupation}}}</div> <div class="profile-company">{{{field:Company}}}</div> <div class="profile-location">{{{field:Location}}}</div> </div> {{#if user.CanChat}} <div class="profile-actions"> <ul class="inline chat-status-container" data-userid='{{User.UserID}}'> <li class="profile-user-online-status"><i title="{{{User.ChatStatusText}}}" class="icon-circle {{User.ChatStatusCSSClass}}"></i></li> <li class="profile-actions-message"><a href="{{../SiteURL}}/chat/user/{{User.UserID}}" target="_blank" class="people-send-message"><i class="icon-comment"></i></a></li> </ul> </div> {{/if}} </div> </li> {{/each}} </ul> <span class="no-entries hide">{{Resources.GlobalNoMembersFoundText}}</span>
is requesting access to a wiki that you have locked: https://my.axerosolutions.com/spaces/5/communifire-documentation/wiki/view/26614/people-directory-template
Your session has expired. You are being logged out.