listview-control.md

Controls: ListView

A versatile listview for grid and tile views.

{
  type: "listview",
  name: "lv1",
  columns: [
    name: {
      autoWidth: true,
        type: "main"
      },
      imageUri: {
        autoWidth: true,
        type: "img"
      },
      description: {
        width: "2fr",
        class: "hide-sm"
      },
      type: {
        autoWidth: true,
        class: "hide-xs"
      },

      size: {
        autoWidth: true,
        class: "hide-xs"
      },
      tags: {
        autoWidth: true
      }
  ],
  items: [...]
}

Default ListView

ContextMenu

{
  type: "listview",
  name: "lv1",
  view: "tiles",
  columns: [
      ...
  ],
  items: [
      ...
  ],
  contextMenu: [
      {
          tooltip: "Edit",
          icon: "ti-pencil",
          action: "edit",
      },  
      {
          tooltip: "Delete",
          icon: "ti-close",
          action: "delete"
      }
  ]

}

Edit mode (> 1.5.4)

You can now turn a listview into a master-detail handling editor.