Stacked Right - Events Template | Axero Documentation

You can create a Stacked Right template for events. Highlight important team meetings, upcoming deadlines, or conferences and activities.

Add Template

1. Click the gear icon > Page Builder > Templates.
2. Click Add a new template.
3. Enter Stacked Right - Events as the Template Name.
4. Select Content List as the Widget Type.
5. Select Content List as the Widget Sub Type.
6. In the editor, paste the following code.

   <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-one-fourstack">
               {{#each Contents}}
   			<li class="span6">
   				<div class="thumbnail">
   					<a href="{{ContentURL}}"><img src="{{ContentImageURL}}" alt="{{{Title}}}" /></a>
   					<div class="hero-overlay">
   						<h4><a title="{{{Title}}}" href='{{ContentURL}}'>{{{Title}}}</a></h4>
                           <p class="meta small">When: {{EventWhen}}</p>
   						<p class="description">{{{Summary}}}</p>
   					</div>
   				</div>
   			</li>
   			{{/each}}
   
           </ul>
       </div>
       
       {{#if ShowWidgetFooter}}
       <div class="axero-widget-footer">
           
       </div>
       {{/if}}
       
   </div>

7. Click Save Template.

How to Use the Template

1. Add or edit a Page Builder page in Control Panel > System > Page Builder.
2. Click the Layouts tab and add a layout onto the page.
3. Click the Widgets tab.
4. Drag a Content List widget onto the page. This template is best used in wider columns - 6 or greater.
5. On the Content List widget, click the gear icon > Edit properties.
6. Update the widget Title.
7. In Content types, select Event.
8. Click Template.
9. Select the Stacked Right - Events template.
10. Click Save Widget.
11. Click Publish changes.
12. Click Go to page.