Layout Options

Clear Localstorage

Factory Reset
SmartAdmin Skins
Smart Default Dark Elegance Ultra Light Google Skin PixelSmash Glass MaterialDesign beta

UI Elements > Nestable Lists

  • My Income $47,171
    1300, 1877, 2500, 2577, 2000, 2100, 3000, 2700, 3631, 2471, 2700, 3631, 2471
  • Site Traffic  45%
    110,150,300,130,400,240,220,310,220,300, 270, 210
  • Site Orders  2447
    110,150,300,130,400,240,220,310,220,300, 270, 210

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.