Ability to Copy/Paste Layout Settings

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!

42 Likes

Oh I like where this is going.

3 Likes

Ooo more updates :eyes:

2 Likes

this is great thank you!

1 Like

@kathleen Nice job! :rocket:

@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!

:slightly_smiling_face:

1 Like

Brilliant! :ok_hand:

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

Thanks
Zubair

3 Likes

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?

Love it!


Don’t forget the Arrange tab on top. :wink:

1 Like

Good catch, flagging to the team

2 Likes

Good catch, will flag to the team

4 Likes

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

3 Likes

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.

:crossed_fingers:

12 Likes

+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.

1 Like