Loading ...

Alternate or new way/template to display sub space "Space List" | Communifire Support

Home » Spaces » Communifire Support » forum » Features and Functionality » Alternate or new way/template to display sub space "Space List"
Communifire Support

Leave Space :

Are you sure you want to leave this space?

Join this space:

Join this space?

Edit navigation item

Required The name that will appear in the space navigation.
Required
Required
Required The url can point to an internal or external web page.
 
Login to follow, share, and participate in this space.
Don’t have a support community login?Create your account now
Posted in: Features and Functionality

Alternate or new way/template to display sub space "Space List"

Subscribe to RSS
  • Our HR Space will have 10 subspaces, and rather than listing them with the "stacked list" template, (or the other 2 template options), we would like to view them the way I have articles displayed in the "Content List (Card Deck - 3 across)" template on our Product page. Is there a way a 'card deck template' can be applied to sub space listing? Thank you!

  • Answered

    Hi Anna,

    I added a Space List template called "Card Deck Spaces (3 Across)" to your site that displays spaces with the Card Deck (3 Across) design. A Space List widget using this template will look like this:

    You can now use this template when you add a Space List widget to a page.

    The full template code is below.

    <div class="axero-widget {{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 axero-widget-content-padded">
            <ul class="thumbnails ax-magazine-hero three-across">
                {{#each Contents}}
    			<li class="span4">
    				<div class="thumbnail">
                        <a href="{{SpaceURL}}"><img src="{{SpaceImageURL}}" style="width:100%;" alt="{{{SpaceName}}}" /></a>
    					<div class="hero-overlay">
    						<h4><a title="{{{trim SpaceName ../TitleCharacterLength}}}" href="{{SpaceURL}}">{{{trim SpaceName ../TitleCharacterLength}}}</a></h4>
    						<p class="description">{{{trim Description ../SummaryCharacterLength}}}</p>
    					</div>
    				</div>
    			</li>
    			{{/each}}
    			
            </ul>
        </div>
        
        {{#if ShowWidgetFooter}}
        <div class="axero-widget-footer">
    		{{{FooterHTML}}}
            <a class="small hide" href="#">{{Resources.GlobalAllSmallText}} <i class="icon-double-angle-right"></i></a>
        </div>
        {{/if}}
        
    </div>

    Grace

  • Perfect!! Thank you very much

Page 1 of 1 (3 items)