I would like to be able to use templateCss on a list in the same way as a grid. This would allow me to apply alternate styling to the list item, is this possible?
Thanks,
James
James,
You can use template property to define styles for even and odd list items. For example like so:
{
view: "list"
template: function(obj){
return "<div class='list_row "+($$('list1').indexById(obj.id)%2?'odd':'')+"'><div>"+obj.text+"</div></div>"
},
type: {
padding: 0
},
...
}
...
Where css rules can be as in:
<style>
.list_row{ height:100%; }
.list_row.odd{ background: #eee; }
.list_row div{ padding: 5px 10px; }
</style>