Stretched Images in results/details page

[Barbara]

I am not sure why the images displayed stretched in the result and detail page in my form ! How can I fix this?

Thanks,

Barbara

[bahar_vm]

The reason is that you have set both width and Height in the DataPage wizard where configuring the fields. The solution is to set only one of them either Width or Height, this way the other one sets relatively.

Best

Bahar M.

[futurist]

Hi @Barbara,

you can actually set a width and height for the image and still have them come out without being stretched or distorted. You would have to use a bit of CSS for this.

1. On your Report DataPage, select your image field and set the desired width and height.
2. Add a Header and Footer and on the Header, disable the HTML editor and paste the following CSS:

<style>
img {
  object-fit: cover;
}
</style>

3. Save changes.

Here's a sample DataPage where I set the images to square: https://c1hch576.caspio.com/dp/db26a00029fdf80e16c542e5bcdf