Elements layout flexibility!

Only Elements, layout of elements components, Main container set to Relative, rest set to Absolute, fairly easy

Nice :clap:

1 Like

Great example, thanks for sharing!

more real world example, only one icon scales, rest would need duplicating numbers

update

This technique is definitely something I can use.

BTW: Is there a way to hide the dropzones that is shown for empty containers?

All the containers are used, see make smaller, they do not show in browser, they are the container / flex dropzones, the content was translated to its new position, someone asked this before if dropzones could be hidden cant remember

I turned on a container circle to align the circular path, some need tweaking to align to the pixel, just proof of concept.

Elements has so many settings, provides lots of ways to create what required additional addons

if you want 5 or 7 or 3 etc use a divider line rotated eg 360 / 5 =72, the set length to the diameter you need, could have done that with 8 as well

@tgr updated way use flex and set to hidden

updated project

elementsapp://downloadDocument/84KUQK3NKrIq

I did write a component to do this + a few other components, lots f components

1 Like

If you want to hide a drop-zone in the editor, you can always drop in an empty Custom Component as a work-around!

Knew I had seen that somewhere before couldn’t remember

1 Like

Thanks – that works :+1:

another real world example perhaps restricted on width unless happy to adjust for responsive widths

1 Like

You can of course use top left right and bottom + inset 0