<style>
#myList .aw-item-text {
display: -moz-inline-box;
width: 50px;
}
</style>
<script>
// new span element
var span = new AW.HTML.SPAN;
span.setClass("item", "description");
span.setContent("html", function(){
return this.getItemProperty("description");
});
// modified template
var itemTemplate = new AW.Templates.ImageText;
itemTemplate.setContent("box/description", span);
// list control
var obj = new AW.UI.List;
obj.setId("myList");
// new 'description' property
obj.defineItemProperty("description");
// assign modified item template
obj.setItemTemplate(itemTemplate);
// assign data
obj.setItemText(["Home", "Favorites", "Font size", "Search"]);
obj.setItemDescription(["Desc 1", "Desc 2", "Desc 3", "Desc 4"]);
obj.setItemCount(4);
// write object
document.write(obj);
</script>
This topic is archived.