Liquid Layout not working

Elements
1

Hey guys,

Thanks to @michelangelo i managed to figure out how to work a liquid layout, but when adding any new elements to the stage they keep breaking on publish when i rescale them.

All i want is to have persistent symbols which align with the other ones on publish(see the audio button which is broken) but on publish the audio button keeps moving around

Any idea why?

File
liquidLayout.zip (41.0 KB)

2

persistant symbols live outside the constraints of the document :wink: (hence why they can be used / seen during transitions between scenes)

3

Ah I see,

But then you see Michalangelo managed to get his persistent symbols to scale properly with some css, but when I apply the same class name he has to new ones they don’t.

4

@michelangelo can you jump in :smile:

5

@Luckyde
of course, I will check the project soon, now I’m busy, sorry :frowning:

6

In Hype any object must be centered with relative position to the parent element.
I created a group with the bigger "Widget - interactive grid" and the green box.
The new group should be centered or adapt to the width of the layout

The groppo is

liquidLayout-2.hype.zip (371.8 KB)

BTW: you can also use a single object in a group (with the same width of the layout ). Just to add an absolute position (centered) with your element inside.