Employee Lookup Template | Communifire Documentation

The Employee Lookup template displays a search bar that searches people. The template is a built-in template and comes with your Communifire site. To use the template:

1. Add a Search Widget on a Page Builder page
2. Edit the widget
3. Select the Employee Lookup template in the Template tab

Template HTML

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

<script src="{{SiteURL}}/assets/scripts/jquery/jquery.typewatch.js?v=5.2.5909.14845" type="text/javascript"></script>
<div id="axero-employee-lookup-widget-{{WidgetID}}" class="axero-widget {{CustomCSSClass}} {{#if HideContainerBorder}}axero-widget-no-border{{/if}} axero-search-widget axero-widget-people-search">
    {{#if ShowWidgetHeader}}
    <div class="axero-widget-header">
        <h3>{{{WidgetTitle}}}</h3>
    </div>
    {{/if}}
    <div class="axero-widget-content">
        <div class="axero-widget-people-search-container">
            <input name="txtKeywords" placeholder="{{Resources.GlobalSearchUsersWatermarkText}}" type="text" id="txtKeywords" class="input-block-level employee-directory-search" autocomplete="off">
            <div id="pnlResults" class="axero-employee-lookup-results">
                <ul class="axero-people-directory-list">
                </ul>
            </div>
        </div>
    </div>
    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
        
    </div>
    {{/if}}
</div>        
<script type="text/javascript">
    jQuery(function() {
        Communifire.EmployeeLookupWidget.init({
                context: jQuery('#axero-employee-lookup-widget-{{WidgetID}}'),
                searchBox:'#txtKeywords',
                pnlResults: '#pnlResults',
                noOfRecords: 20,
                spaceID: {{Contents.SpaceID}}
        });
    });
</script>