Ability to Copy/Paste Layout Settings

[kathleen]

Hi everyone,

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:

You can also access these new options by clicking the “Edit” button in the top menubar:

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

More details are included in the docs (link).

Happy bubbling!

[alejandrowunderlich]

Oh I like where this is going.

[johnny]

Ooo more updates

[TipLister]

this is great thank you!

[mo.salama]

@kathleen Nice job!

[sudsy]

@kathleen, if you pause for a fraction of a second over any of the items with a submenu, the reference tooltip appears and obscures the menu item…

Thanks, and keep up to good work!

[petter]

Brilliant!

[ZubairLK]

Nice one! These subtle improvements can easily result in 10x improvements during the build!

Thanks
Zubair

AZKY Tech Labs: Launch your new product in weeks!

[troy.roberge]

I haven’t tried yet, but can you copy a group and then it copy all of the child items and workflows, or just it’s own workflows?

[rico.trevisan]

Love it!

---

Don’t forget the Arrange tab on top.

[nick.carroll]

Good catch, flagging to the team

[nick.carroll]

Good catch, will flag to the team

[yorgio1024]

Don’t forget the contextual menu in the element tree, is helpful as well

[sudsy]

@yorgio1024

Don’t forget the contextual menu in the element tree

100% agree!

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.

[lasse]

@sudsy

especially if we could select more than one item at a time in the tree.

+1

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.