For my current project, I need to make a layout selector where some elements can be dragged and dragged by the user, like this layout:
So far, I have been able to replicate something like this using JQuery UI and Sortable, however, at present I am stuck only at the first level of control where vertical elements can be moved. I find it difficult to figure out which best approach is to handle nested horizontal elements (e.g. content / sidebar sections).
Ideally, I need to not only arrange the order of each section (title, body, footer, etc.), but also align the sections (content on the left, sidebar to the right and vice versa).