UI Elements > Nestable Lists

  • My Income $47,171
  • Site Traffic  45%
  • Site Orders  2447

My Data

Nestable List #1
  1. Item 1 - Description Field
  2. Item 2 - Big Header

    Description with piechart
    1. Item 3
    2. Item 4 Label ID
    3. Item 5
      1. Item 6 (italic)
      2. Item 7 (bold)
      3. Item 8 (Bold + Italic)
    4. Item 9 99
    5. Item 10
  3. Item 11 - with progress bar
    37%
  4. Item 12 - success text
    85%
Nestable List #2
  1. Item 13
  2. Item 14
  3. Item 15
    1. Item 16
    2. Item 17 (text-right)
    3. Item 18
Nestable List #3 (with drag handle)
  1. Drag
    Item 13
  2. Drag
    Item 14
  3. Drag
    With a switch
    1. Drag
      Item 16
    2. Drag
      Item 17
    3. Drag
      Item 18

Serialised Output (per list)

Preview of the lists update DB input.