Problem displaying image with proportional

[d.bernaert]

Hi,

We have some very large images for a construction company.

They want to preview the images from within the application, so i try to display them in an image control.

As the images are so large, I set the property proportional to true so that the images are resized to fit in the size of the image control.

But that does not seem to work.

Thx,

Dominique

[Sherzod]

Hi Dominique, 

Can you test this on a simple project? 

[Roberto Nicchi]

Stretch is true or false ?

[Sherzod]

Yes, stretch=true and also if you want center=true

[d.bernaert]

I'm sorry,

I cannot find a solution for this, probably something stupid from my side.

The form is client side aligned, 

I have a form with client side alignment, the layout of the form is border.

I have an image control with region center and a containerpanel at the bottom with region south.

The image properties are as following:

center: true

proportional: true

stretch: true

As you can see the image is stretched, but I would like the aspect ratio to be respected.

[Sherzod]

16 minutes ago, d.bernaert said:

I have an image

Is the component on the container?

[d.bernaert]

The image component is on the form itself yes.

[Sherzod]

UniImage -> LayoutConfig ->   

  Width = auto
  Height = 100%

 

[d.bernaert]

Thank you Sherzod!

You're the king!

[x11]

 

tunimImage.JSInterface.JSConfig('cls', ['imgPhoto']);

or

tunimImage.LayoutConfig.cls := 'imgPhoto';

 

then css:

.imgPhoto img {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}