<div data-options="dxView : { name: 'SiteSelection', title: 'Site Selection' } ">
    <div data-bind="shPopup: { visible: visible, title: 'Please choose a site', closeOnOutsideClick: true, maxWidth: '400px', maxHeight: '700px', onHiding: onHiding }">

        <div data-bind="dxList: { dataSource: sitesList,
                                                    noDataText: '@noResults',
                                                    onItemClick: siteClick
                                                } ">
            <div data-options="dxTemplate:{ name:'item' }">
                <div style="display: inline; padding: 15px; font-size: 12px;" class="tileNameButton" data-bind="text: MyPen.utils.getInitials(Name), style:{ 'background-color' :  TileColour }"></div>
                <div style="display: inline; margin-left: 10px;" class="ellipsis" data-bind="text: Name"></div>
            </div>
        </div>

    </div>
</div>