Dynamic content that moves up/down

Hi Kenneth,

Yes, check my reply above yours 🙂

After my first reply, I've found Stacks. The only issue is that we need to keep grouping elements, but sometimes we don't want that. It's like a Word document, for example. You just drag and drop an element and everything adjusts, without grouping any element. So if we could achieve the same thing without grouping, that would be awesome. Of course we can create a global group where we put everything inside, but what if each document itself was a Stack group by default? After all, how many times are we really overlapping elements vs having them jump up and down to adjust new elements? 😉 And if we really need to overlap, we would tick a box (like we do on a Word document) to make that particular element overlap. Like this (by default, it's set to Automatic, which does what a Stack does):

Hi Shwetha,

Thank you for the reply.

That can be useful sometimes, but not always, because that means that we need to group and ungroup elements on a regular basis.

Let's use a more complex situation: we have a section called "Personal Settings" and one called "Business Settings". Each section has maybe 10 elements (text, checkboxes, input boxes, images, etc). We would have to group everything in each section (so 2 groups), but then group both sections together for the padding to work. So now everything we need to edit some element, we need to keep double clicking to go inside a group, then double click again to go into another group, and of course, if inside each section we have more groups (for example a title+input field+button), then we have to double click again to change, for example, the title.

Now let's pretend that I want to include another section in between those two: "Contact Information". Now we have to ungroup the main group that includes the 2 previous sections and group Contact with maybe Business. It seems a bit too much work.

I think XD could have an option for elements that would make them not overlap (or overlap, if people decide to pick that option). Much like a text document when you insert an image and everything floats around it (or up and down, depending on the size of the image). So for example I could have a text element, then I would tick that option and automatically it would move everything down to fit that text. We could also have padding to control the distance (up and down), but by default it would make it a "block" and nothing could overlap it (or be underneath it).

Hope it makes sense and hope XD will include something like this in the future. I'm loving the product so far. It's just this one thing that seems a bit counter-productive.

I will maybe use your workaround here and there, though, when it's useful. Thanks for that! 🙂