Search Template | Communifire Documentation

The Search template displays a search bar that searches your entire intranet or a specific space. 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 Search template in the Template tab

Template HTML

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

<div id="axero-search-widget-{{WidgetID}}" class="axero-widget {{CustomCSSClass}} {{#if HideContainerBorder}}axero-widget-no-border{{/if}} axero-search-widget">
    {{#if ShowWidgetHeader}}
    <div class="axero-widget-header">
        <h3>{{{WidgetTitle}}}</h3>
    </div>
    {{/if}}
    <div class="axero-widget-content">
        <div class="search-container">
            <a href="#" title="{{Resources.GlobalSearchText}}" class="btn input-button"><i class="icon-search"></i></a>
            <div class="search-textbox">
                <input type="text" placeholder="{{Resources.GlobalSearchText}}" class="input-search">
            </div>
        </div>
    </div>
    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
        
    </div>
    {{/if}}
</div>        
<script type="text/javascript">
    jQuery(function() {
        Communifire.SearchWidget.init({
                context: jQuery('#axero-search-widget-{{WidgetID}}'),
                searchResultsPageURL: '{{Contents.SearchResultsPageURL}}',
                searchBox:'.input-search',
                searchButton:'.input-button'
            });
    });
</script>