Jump to content
  • 0

Stretched Images in results/details page


Barbara
 Share

Question

2 answers to this question

Recommended Posts

  • 0

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...