Lists

Lists are styles that allow to define more sophisticated lists than the markdown syntax allows. They come with attached javascript functionality. The following lists are available:

• accordionList is a hierarchical list where the root level is rendered as an accordion with only one root item expanded at a time.
• nestedListis a hierarchical list where each root item item can be collapsed and expanded by clicking on a chevron.
• sortableList is not hierarchical but can be sorted, new items can be added as well as items can be deleted. Note that only the visual aspects of these functions are rendered. The implementation of the functions need to be defined separately with javascript (See Sortable for more details).

All list styles have the field id_prefix which is required to prevent interference if multiple lists of the same type are used on the same page. Further, each list style has the field items which allows to specify the items to be rendered in the list. Note that the field items is of type json and requires

1. valid json syntax (see https://www.json.org/)
2. a json field id and title for each item where
   • id is a unique number identifying the item
   • title is the name of the item to be rendered

Optionally, all lists support the field url in each item which allows to specify the target link of an item.

The style accordionList and nestedList are nested lists. Hence, each item can have the field children which can hold multiple items. Further, both these lists support the field id_active which allows to specify which item is set as active.

An example of a nested json object is given in the following. Use this example and modify it according to your needs:

[{
  "id": 1,
  "title": "Item1",
  "children": [
     {
       "id": 2,
       "title": "Item1.1"
     },
     {
       "id": 3,
       "title": "Item1.2"
     },
  ]
},
{
  "id": 4,
  "title": "Item2"
},
{
  "id": 5,
  "title": "Item3"
}]