We’ve added the ability to copy/paste layout settings as a new right click menu option. Hopefully this will make building responsively a faster experience!
You can find this option by right-clicking the element you want to copy/paste, and expanding the “Copy with” or “Paste with” submenus:
The following layout settings will be copied over:
width & height
padding & margin
alignment
If the element is a container, then these additional settings will be copied over:
container layout type
container alignment
gap
Please note that not all elements have compatible layout settings. When the elements are incompatible, this option will be disabled in the menu. Instances where element layout settings are not compatible include:
Visual Elements and Containers
Form Inputs and Containers
Elements with different parent container layout types
In fact, with the new responsive engine, I easily spend as much time selecting and rearranging elements in the hierarchical tree view as I do on the page/canvas - perhaps more. I’ve often wondered why the same contextual menu that appears when right clicking an element on the
page doesn’t also appear when right clicking items in the tree. Instead, it seems to be only a (small) subset of available actions. I mean, clicking a tree item also selects it on the page, so why can’t I…
Replace by another type
Convert to a reusable element
Start/edit workflow, or
Group elements in
…via the tree view as well? The latter would be particularly helpful - especially if we could select more than one item at a time in the tree.
And since I’m on the topic, any chance we can get more than that sliver of real estate for the elements tree? Ideally, I could drag it to whatever width I want, but I’d certainly settle for 2 predefined widths - i.e. a narrow and wide view.
I often need to multi-select elements, which can be a hassle on stage with nested elements inside nested elements. Multi-selecting in the elements tree would solve this.