Pagination

Insert description here.

Live example

Put the HTML needed to display a pagination here and the CSS in an SSX object attached to this page.

Upper navigation

CSS

Put CSS code here.

HTML Code

<div class="searchFilters">
<!-- Filters -->
	<div id="sortFilter">
		$msg.get("xe.search.filters.sort") 
		<a href="" id="currentSort" title="$msg.get('xe.search.filters.relevance.title')">$msg.get("xe.search.filters.relevance")</a> 
		<a href="" class="sortType" title="$msg.get('xe.search.filters.date.title')">$msg.get("xe.search.filters.date")</a> 
		<a href="" class="sortType" title="$msg.get('xe.search.filters.rating.title')">$msg.get("xe.search.filters.rating")</a> 
		<a href="" class="sortType" title="$msg.get('xe.search.filters.popularity.title')">$msg.get("xe.search.filters.popularity")</a>
	</div>

	<div class="paginationFilter">
		<span class="resultsNo">$msg.get("xe.search.filters.results") <span class="currentResultsNo">6-30</span> $msg.get("xe.search.filters.results.of") <span class="totalResultsNo">50</span></span>		
		<span class="controlPagination">
			<a href="#" title="$msg.get('xe.search.filters.page.prev.title')" class="prevPagination"></a>
			<a href="#" title="$msg.get('xe.search.filters.page.next.title')" class="nextPagination"></a>
		</span>
		<span class="pagination">$msg.get("xe.search.filters.page")
			<a href="" title="$msg.get('xe.search.filters.page.title',['1'])">1</a> 
			<a href="" class="currentPagination" title="$msg.get('xe.search.filters.page.title',['2'])">2</a> 
			<a href="" title="$msg.get('xe.search.filters.page.title',['3'])">3</a> 
			<a href="" title="$msg.get('xe.search.filters.page.title',['4'])">4</a> 
			<a href="" title="$msg.get('xe.search.filters.page.title',['5'])">5</a> 
			<a href="" title="$msg.get('xe.search.filters.page.title',['6'])">6</a> 
			<a href="" title="$msg.get('xe.search.filters.page.title',['7'])">7</a> 
			<a href="" title="$msg.get('xe.search.filters.page.title',['8'])">8</a> 
			<a href="" title="$msg.get('xe.search.filters.page.title',['9'])">9</a>
		</span>
	</div>
</div>

Bottom Navigation

CSS

Put CSS code here.

HTML Code

Put HTML code here.

Details

Add additional details here.