Case List Template | Axero Documentation

The Case List template displays cases in a detailed view. The template is a built-in template and comes with your Axero site. To use the template:

1. Add a Content List Widget on a Page Builder page
2. Edit the widget
3. Filter by the case content type
4. Select the Case List template in the Template tab

Template HTML

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

<div class="axero-widget axero-widget-entity-icon-list {{CustomCSSClass}} {{#if HideContainerBorder}}axero-widget-no-border{{/if}}">
    <div class="axero-widget-header">
    	<h3>{{{WidgetTitle}}}</h3>
	</div>
	<div class="axero-widget-content axero-widget-content-padded">
		<ul>
			{{#each Contents}}
			<li>
				<div class="entity-icon">
					<i class="{{EntityIconCssClass}}"></i>
				</div>
				<div class="entity-title">
					<a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a>
					<div class="row-fluid nobold">
					    <div class="span7">
					        <a class="case-status-label {{{StatusClass}}}" href="{{StatusURL}}">{{{StatusText}}}</a>
					    </div>
					    <div class="span3">
					        <a href="{{PriorityURL}}">{{{Priority}}}</a>
					    </div>
					    <div class="span2">
					        <i class="icon-comment"></i> {{CommentCount}}
					    </div>
					</div>
					<div class="nobold">{{../Resources.GlobalCreatedText}}: <a href="{{AuthorUserProfileURL}}">{{AuthorUserDisplayName}}</a> {{DateCreatedString}}</div>
    		        <div class="nobold">{{../Resources.ITAssignedToUserText}}: <a href="{{AssigneUserProfileURL}}">{{AssignedUserDisplayName}}</a></div>
    		        <div class="nobold">{{../Resources.GlobalUpdatedText}}: <a href="{{UpdatedByUserProfileURL}}">{{UpdatedByUserDisplayName}}</a> {{DateUpdatedString}}</div>
    		        <div class="nobold">{{../Resources.ITProjectAreaCategoryText}}: <a href="{{CategoryURL}}">{{{ContentCategoryName}}}</a></div>
				</div>
			</li>
			{{/each}}
		</ul>
	</div>
</div>