Indented collapsible list items

You can create indented collapsible list items by instantiating collapsible widgets on them and adding some custom CSS to collapse borders and padding. In all the examples below, the outermost listview has class ui-listview-outer to identify it as the outermost listview in the tree structure of indented lists.

Regular listview

  • Birds

  • Humans
  • Fish

  • Choose your preference

Inset listview

  • Birds

  • Humans
  • Fish

  • Choose your preference