Page trees

Page trees are rendered as one big SVG construct. Initialization is done via TypeScript as in the code example below.

Known usage

All backend modules of the "Web" section use them in the navigation column.

File trees

File trees are rendered as one big SVG construct and initialized via TypeScript like the page trees.

Known usage

Filelist module

Collapsible trees

Collapsible trees are used to show the configuration in a more structured way. Lower levels can be opened and closed, while the entries are collapsed by default. If a user opens entries, this state is saved in the session.

  • items
    • key1
      • 0 = Option 1
      • 1 = Description 1
      • 2 = Label 1
    • key2
      • 0 = Option 2
  • exampleInterval = 15 minutes
  • EXT
    • exampleConfiguration = lorem ipsum dolor
  • USER =

There are additional data attributes that can be added to div.treelist-collapse to configure the collapse state.

Known usage

Page TSconfig, TypoScript and Configuration backend modules.