A nested list is a hierarchical list where each root item item can be collapsed and expanded by clicking on a chevron. The following examples all use the same json configuration (field items):
[{
"id": 1,
"title": "Item1",
"url": "#",
"children": [{
"id": 2,
"title": "Item1.1"
},
{
"id": 3,
"title": "Item1.2",
"children": [{
"id": 4,
"title": "Item1.2.1",
"url": "#"
}]
}]
},
{
"id": 5,
"title": "Item2",
"url": "#",
"children": [{
"id": 5,
"title": "Item2.1"
}]
},
{
"id": 6,
"title": "Item3",
"children": [{
"id": 7,
"title": "Item3.1",
"url": "#"
}]
}]To make this style responsive the field title_prefix can be used.
If this is set to something else than the empty string the list will be collapsed on smaller screens and this string will be prefixed to the selected item.
Unknown Style styleSignature
If required, the field is_collapsible can be unchecked to prevent the chevrons from being rendered. This can be useful if the list has no hierarchy as the horizontal spacing will be reduced. Note that the field is_expanded is ignored when is_collapsible is not set.
To make this style responsive the field title_prefix can be used. If this is set to something else than the empty string the list will be collapsed on smaller screens and this string will be prefixed to the selected item.