:: Compass Bootstrap4 Admin ::

Please wait...

Design Team

Alexander 6:12 Hello, John
6:15 Hi, Alexander
How are you!
6:16 There are many variations of passages of Lorem Ipsum available
Elizabeth 6:25 Hi, Alexander,
John
What are you doing?
Michael 6:28 I would love to join the team.
7:02 Hello,
Michael

Sortable & Nestable Welcome to Compass

Default Example Drag & drop hierarchical list with mouse and touch compatibility

Item 1
Item 2
1. Item 3
2. Item 4
3. Item 5
  1. Item 6
  2. Item 7
  3. Item 8
4. Item 9
5. Item 10
Item 11
Item 12

Output JSON

[{"id":1},{"id":2,"children":[{"id":3},{"id":4},{"id":5,"children":[{"id":6},{"id":7},{"id":8}]},{"id":9},{"id":10}]},{"id":11},{"id":12}]

Default Example Drag & drop hierarchical list with mouse and touch compatibility

Item 1
Item 2
1. Item 3
2. Item 4
3. Item 5
  1. Item 6
  2. Item 7
  3. Item 8
4. Item 9
5. Item 10
Item 11
Item 12

Output JSON

[{"id":1},{"id":2,"children":[{"id":3},{"id":4},{"id":5,"children":[{"id":6},{"id":7},{"id":8}]},{"id":9},{"id":10}]},{"id":11},{"id":12}]

Item 13
Item 14
Item 15
1. Item 16
2. Item 17
3. Item 18

Output JSON

[{"id":13},{"id":14},{"id":15,"children":[{"id":17},{"id":16},{"id":18}]}]