User with Manager Template | Communifire Documentation

The User with Manager template displays a user's key work information: department, title, and manager.

The template is a built-in template and comes with your Communifire site. To use the template:

1. Go to Control Panel > System > Page Builder and add or edit a page.
2. Click Widgets.
3. Drag a People widget onto the page.
4. On the People widget, click the gear icon > Edit Properties.
5. Set the Widget Type to Single person.
6. Check Logged in user or Logged in user's boss.
7. Click Templates.
8. Select the User with Manager template.
9. Save the widget and page.

Template HTML

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

<div class="axero-widget {{CustomCSSClass}} {{#unless ShowWidgetHeader}}no-header{{/unless}} {{#if HideContainerBorder}}axero-widget-no-border{{/if}}">
    {{#if ShowWidgetHeader}}
    <div class="axero-widget-header">
        <h3>{{{WidgetTitle}}}</h3>
    </div>
    {{/if}}
    <div class="axero-widget-content">
        <div class="list">
        <ul>
        <li>   
            <div class="axero-section-list-avatar">
                <a href="{{Contents.ProfileURL}}" title="{{{trim Contents.UserInfoDisplayName TitleCharacterLength}}}"><img alt="{{{trim Contents.UserInfoDisplayName TitleCharacterLength}}}" src="{{Contents.AvatarImageURL}}" /></a>
            </div>
            <div class="axero-section-list-content">
                <div class="axero-section-list-content-title">
                <a class="axero-user-card-link" data-user="{{Contents.UserID}}" href="{{Contents.ProfileURL}}" title="{{{Contents.UserInfoDisplayName}}}">{{{trim Contents.UserInfoDisplayName TitleCharacterLength}}}</a>
                </div>
                <div class="axero-section-list-content-date">
				    {{{field:Occupation}}}{{#if ||field:Occupation||}}{{#if ||field:Department||}} - {{/if}}{{/if}}{{{field:Department}}}
                </div>        
                {{#if Contents.SupervisorDisplayName}}
				 <div class="axero-section-list-content-date">
				    {{Resources.ReportsToText}}: <a href="{{{Contents.SupervisorProfileURL}}}">{{{trim Contents.SupervisorDisplayName TitleCharacterLength}}}</a>
                </div> 
				{{/if}}				
            </div>
        </li>                                                     
        </ul>
        </div>
    </div>
    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
		{{{FooterHTML}}}
        
    </div>
    {{/if}}
</div>