Stacked List Template (Space List) | Communifire Documentation

The Stacked List template for the Space List Widget displays spaces with the space image to the left and details to the right. The template is a built-in template and comes with your Axero site. To use the template:

1. Add a Space List Widget on a Page Builder page
2. Edit the widget
3. Select the Stacked List template in the Template tab

Template HTML

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

<div class="axero-widget axero-widget-spaces {{CustomCSSClass}} {{#if HideContainerBorder}}axero-widget-no-border{{/if}}">
    {{#if ShowWidgetHeader}}
    <div class="axero-widget-header">
        <h3>{{{WidgetTitle}}}</h3>
    </div>
    {{/if}}
    <div class="axero-widget-content">
        <ul>
            {{#each Contents}}
            <li>
                <a href="{{SpaceURL}}" title="{{{SpaceName}}}">
                	<div class="space-photo">
            		    <img src="{{SpaceImageURL}}" alt="{{{SpaceName}}}" />
            		</div>
            		<div class="space-info">
            			<div class="title">
            				{{{SpaceName}}}
            			</div>
            			<div class="property">
            			   {{{Description}}}
            			</div>
            		</div>
                </a>
        	</li>
        	{{/each}}
        </ul>
    </div>
    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
        <a href="{{SiteURL}}/spaces">{{Resources.GlobalAllSmallTextView}} <i class="icon-caret-right"></i></a>
    </div>
    {{/if}}
</div>