I'm currently using the script below:
$('#Entity_Wall').typeahead({
name: 'walls',
remote: "http://localhost/getsomestuff?text=%QUERY',
limit: 10,
template: '{{value}}<div class="template-wall-front-farthest"
style="background:url(\'{{image}}\');</div>',
engine: Hogan
});
Additionally, I have this stylesheet in place:
.template-wall-front-farthest {
float: left;
margin-right: 5px;
background-position: -132px -2px;
width: 16px;
height: 19px;
background-repeat: no-repeat;
}
The issue arises when my typahead template is applied, as the background image does not position correctly. While I've found a workaround by adjusting the template directly, is there a way to utilize my existing CSS styles without modifying the template itself?