How does scaling work?

Hi all!

I can’t get the builder scaling working…

For instance, I would like to lock the site width to 1920px, so that whenever I open/close side panels or reduce browser width, the canvas zooms in/out to always render the page at 1920px wide.

But when I start typing in the scaling width input, this is totally erratic and I can’t get the right number. For instance, when I type “1”, it is replaced by “0”, and the following is not better.

The scale input seems to work, though, but of course it does not allow to lock a fixed width.

Is there something I’m missing here?

Hi @yankiara,

Good point. I usually use the scrubber on either width or percentage, but when inputting the calculation should only be done on Enter.

Will try to apply that on the next update.

4 Likes

Just to add a comment.
The scaling was supposed to scale the canvas automatically as soon as we opened any panels on the side.

And have an option for enabling the auto-scaling or disabling it. :blush:

1 Like

I might be misunderstanding, but let’s say it is set at 80% scale, it will automatically resize when closing/opening the panels to the specified %.

Just tested it and it doesn’t seem to work, or I don’t know how to use it.

When I open library panel, site width changes.

The canvas should just be zoomed out so that the site is still displayed with same (virtual) width.
Because currently it is just like changing breakpoint or reducing windows/canvas size, which is not the desired effect. Well at least for me, sorry if I don’t get it :wink:

If you have a look at Oxygen or Bricks, when you lock a specific width in pixels, whatever the panels opened/closed, canvas always displays the site with the specified width, so that the layout doesn’t change with panels, unlike breakpoints, which change the layout.

For me the purpose of width lock is to not alter the layout with side panels.

Exactly… Percentage of the viewport width is the deciding factor in scaling.

Sorry, just edited my post to remove this :wink:

My bad, so if I understand well, it is not a width lock but just scaling, as the button label says :rofl:

So a lock feature would be nice, like I set a fixed pixel width, and the canvas is adjusted accordingly and always displays the same virtual pixel width and layout doesn’t shift.

What do you think?

2 Likes

Sounds like a great addition, will make sure we add that!

Thanks @yankiara.

7 Likes

This is awesome news. I have been struggling with this as well. This will make working with the canvas much better on laptop size screens! And not having to set that resize setting each time editing a page.