-1

I am trying to create a grid layout where I have widgets that I can drag/drop/sort widgets onto it. I am hoping to find a free and easy way to do so. I have included snippets of Azure DevOps' grid layout where I can select a widget and drag it onto any square, and the other widgets adjust their location accordingly. This is the kind of thing I am going for.

MDBootstrap, JQuery-UI,and SortableJS seem to be the most popular options, but I am struggling to find examples of the grid layout with code snippets. Most YouTube videos I have seen show lists as their example, but I have not seen a proper grid layout yet. Also, it seems that I have to pay for MDBootstrap's implementation of these features, which is what I am trying to avoid.

Any help would be much appreciated, thank you!

Initial Grid Layout

Grid Layout After Drag/Drop/Sort

VLAZ
  • 22,934
  • 9
  • 44
  • 60

0 Answers0