Message List Template | Communifire Documentation

<div class="ax-diamond-hover-box ax-diamond-hover-box-messages">
    <ul id="ScrollContainer{{WidgetID}}" class="ax-diamond-hover-box-dropdown messages" data-widgetid="{{WidgetID}}">
        {{#each Contents.MessageThreads}}
        <li class="{{#if IsRead}}read{{else}}unread{{/if}}" data-thread-id="{{ThreadID}}">
            <a class="threadlink" href="{{ThreadURL}}"{{#if ../Contents.OpenInNewTab}} target="_blank"{{/if}}>
                <div class="axero-messages-avatar">
                    <img class="from-avatar" src="{{ThreadImageURL}}">
                </div>
                <div class="axero-messages-content">
                    <div class="axero-messages-content-username">
                        {{{ThreadTitle}}}
                    </div>
                    <div class="axero-messages-content-message">
                        {{{MessageBodyTruncated}}}
                    </div>
                    <div class="axero-messages-content-date">
                        <span class="axero-mega-time">{{DateSentText}}</span>
                    </div>
                </div>
            </a>
        </li>
        {{/each}}
        {{#unless Contents.LoadOnDropdown}}
        {{#unless Contents.MessageThreads}}
        <li class="axero-messages-nomessage-notice">
            <div class="no-entries-message">
                <h2>{{{Resources/YouDoNotHaveAnyMessagesText}}}</h2>
            </div>
        </li>
        {{/unless}}
        {{/unless}}
    </ul>
    {{#if Contents.LoadOnDropdown}}
    {{{PlaceholderHTML}}}
    {{/if}}
    {{{ScriptBlock}}}
</div>