The div tag "class="item-after" not aligning properly


#1

Hello,

I have the following piece of code for my dynamic virtual lists.

itemTemplate:
'<li>' +
	'<a href="/item-manage/{{uuid}}" class="item-link item-content">' +
		'<div class="item-inner">' +
			'<div class="item-title-row">' +
				'<div class="item-title">{{desc}}</div>' +
			'</div>' +								
			'<div class="item-subtitle">'+
				'<b>{{code}}</b> :: '+
				'{{desc}}'+									
			'</div>' +	
			'<div class="item-after"><span class="badge">5</span></div>' +
		'</div>' +
	'</a>' +
'</li>',

However my <div class="item-after"><span class="badge">5</span></div> is not aligning to the right as I see in the documentation.

Capture

What am I missing?


#2

Try putting ‘item-after’ block inside ‘item-title-row’