Proportional scaling

Ask the community
1

Hey there, I’m currently setting up my first Editor X website and I’m having troubles with image box behaviour, when resizing Desktop layout.

By default, in this particular Section, the image on the left is changing its proportions from square to rectangular, when I resize the width of my Desktop layout:

2040×594 119 KB

However, I would like to maintain square proportions of the image. But simply checking the “Scale proportionally” box is messing things up a bit:

2158×1630 195 KB

The title text, white line and the container below the line (including smaller text, along with “+” and “INFO”) should be aligned to the bottom of the image, just like the default screens shown above.

Is there any way to achieve it?

I would be grateful fro your help.

Thank you!

2

What’s the docking of the image, and does the section have a set height/minimum height?

3

I’d also check that if there’s a grid separating the section, that it doesn’t have a minimum height.

4

Hey Simen,
What do you mean by “docking of the image?”

5

6

Hi, I would also check the docking and margins of the title, container etc…
so that they’re docked to bottom and doesn’t have top margins.

7

Thanks @simen and @danielni

Before I do anything: here’s how it looks like now.

– the image:

8

and the bottom container with the smaller text and INFO:

(not sure if need to group that ENTIRE text section into a group or sth…)

506×676 16.4 KB

9

It’s probably due to the docking at the top and bottom of the container as it means the height is dictated by the margins. So if the section is taller, the container will be too.

10

@Rob @simen Thanks guys. I’m slowly beginning to understand the mechanism, but I’m not still there yet…

So now – my image is calling proportionally and is docked on top and bottom.
I have removed top docking from the Title, Line and the container (and also all elements inside it).

Still, it all behaves the same…

2906×1114 253 KB