Different view types

Listview can represent items in different modes. An example below show you how to do that.


$(function () { $('#listview').w2listview({ name: 'listview', items: [ { id: 'item1', caption: "Item 1 with a large caption, that doesn't fit on one line.", description: 'Item 1 description' }, { id: 'item2', caption: 'Item 2', description: 'Item 2 description' }, { id: 'item3', caption: 'Item 3', description: 'Item 3 description' }, { id: 'item4', caption: 'Item 4', description: 'Item 4 description' }, { id: 'item5', caption: 'Item 5', description: 'Item 5 description' }, { id: 'item6', caption: 'Item 6', description: 'Item 6 description' }, { id: 'item7', caption: 'Item 7', description: 'Item 7 description' }, { id: 'item8', caption: 'Item 8', description: 'Item 8 description' }, { id: 'item9', caption: 'Item 9', description: 'Item 9 description' }, { id: 'item10', caption: 'Item 10', description: 'Item 10 description' } ] }); });