Nested Spaces List Template | Communifire Documentation

The Nested Spaces List template displays spaces and sub spaces. Sub spaces are nested below their parent space. The template is a built-in template and comes with your Communifire site.

How to use the Nested Spaces List template

1. In Control Panel > Page Builder > Header, edit the Community Header
2. Expand the "Navigation" Section widget
3. Expand the "Spaces" Section widget
4. Edit the "My Spaces" Space List widget
5. Check Nested spaces
6. Select the Nested Spaces List template in the Template tab
7. Save the widget and page

Template HTML

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

<div class="{{CustomCSSClass}}">
    {{#if ShowWidgetHeader}}
    <ul class="ax-diamond-hover-box-header">
        <li class="nav-header">
            {{{WidgetTitle}}}
            <span class="pull-right">
                <a title="Spaces" href="{{ViewAllURL}}">{{{Resources.GlobalViewAllText}}}</a></span>
        </li>
        <li class="divider"></li>
    </ul>
    {{/if}}
    <ul class="ax-diamond-hover-box-dropdown ax-diamond-hover-box-dropdown-spaces">
        {{#each Contents}}
        <li class="">
            <a href="{{SpaceURL}}" class="space-home-link"><img alt="{{SpaceName}}" src="{{SpaceImageURL}}"><span class="anchor-text">{{{SpaceName}}}</span></a>
            {{{SubSpacesListHTML}}}
        </li>
        {{/each}}
    </ul>
</div>