Notifications List Template | Communifire Documentation

The Notifications List template displays updates and activity that are important to you. The template is a built-in template and comes with your Communifire site. To see the template in action, make sure the Community Header is set as the active header in Control Panel > System > Page Builder > Header. Then click the bell icon in the header.

Template HTML

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

<div class="ax-diamond-hover-box ax-diamond-hover-box-notifications">
    <ul id="ScrollContainer{{WidgetID}}" class="ax-diamond-hover-box-dropdown notifications" data-widgetid="{{WidgetID}}">
        {{#each Contents.Notifications}}
        <li class="{{#if IsRead}}read{{else}}unread{{/if}} notification-item{{#if (compare ActivityAction 78)}} notification-item-award{{/if}}{{#if ContentTypeStub}} notification-item-{{ContentTypeStub}}{{/if}}" data-id="{{ID}}" data-url="{{URL}}">
            <a href="{{URL}}">
                {{#if (and (compare FromUserID "!=" 0) (compare FromUserID "!=" -5) )}}
                <div class="axero-alerts-avatar">
                    <img src="{{FromUserAvatarImageURL}}" />
                </div>
                    {{#if Icon}}
                        <div class="axero-alerts-avatar">
                            <i class="<%#((Notification)Container.DataItem).Icon %>" ></i>
                        </div>
                    {{/if}}
                {{/if}}
                <div class="axero-alerts-content">
                    {{#if (or (compare FromUserID "!=" 0) (and (compare ActivityAction 35) (or FromCRMContactID (compare FromUserID "!=" ToUserID ) ) ) ) }}
                    <span class="axero-alerts-content-user">{{#if (compare FromUserID "!=" -5)}}{{{FromUserInfoDisplayName}}}{{/if}}</span>
                    {{/if}}
                    <span class="axero-alerts-content-action">{{{ActionText}}}</span>{{#if Subject}}{{../Resources/GlobalColonText}} <span class="axero-alerts-content-subject">{{{Subject}}}</span>
                    {{/if}}
                    <br />
                    <span class="axero-mega-time">{{DateCreatedString}}</span>
                </div>
            </a>
    
        </li>
        {{/each}}
        {{#unless Contents.LoadOnDropdown}}
        {{#unless Contents.Notifications}}
        <div class="no-entries-message">
            <h2>{{Resources.YouDoNotHaveNotificationsText}}</h2>
            <p>{{Resources.NoContentNotificationDescription}}</p>
        </div>
        {{/unless}}
        {{/unless}}
    </ul>
    {{#if Contents.LoadOnDropdown}}
    {{{PlaceholderHTML}}}
    {{/if}}
    {{{ScriptBlock}}}
</div>

Note: Although this template can be used on any Page Builder page, the template is best used in the Page Builder: Header . Edit the default Community Header to see how to configure a Activity widget when using the Notifications List template.