Events widget | Community Development | Sandbox ConnAct

You can create a stacked right template for events. It will look something like this:

Follow the steps below to create the Stacked Right - Events template.

Template

1.   Add Page Builder Template 

2. Enter Stacked Right - Events as the template name

3. Select GenericContentList as the Widget Type

4. Paste the following code into the editor:

<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">
        
		
        <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>

5. Save the template