I’m having issues with layout in an app I’m building with the kids I coach. I’ve built a minimalist example that illustrates the problem here: Thunkable UPDATE: I can reproduce the problem even without switching images, as shown in post #6 (below). It’s a problem with setting height to “fit cont…

I tried removing the column and just putting images in the screen itself. No improvement, but I did make it even simpler (and broken)!

You know, I checked out your minimal project and I can see the problem but I don’t know how to fix it. There’s nothing obvious – to me – causing it. And yet it persists.

Well, I guess I’m glad it isn’t just me, but umm…

So I’m continuing to be frustrated by this. I have a bunch of images. I’d like to put one on a screen and have it be 100% of the screen width and whatever height corresponds to the scaled image. Short of determining the dimensions of every image and using that to manually set absolute heights, is…

I don’t know how helpful I can be but what does the original image look like that you’re using? Are you able to share a link to the project? I’m curious what background picture resize mode(s) you’re trying.

https://x.thunkable.com/projectPage/605a2f021a0f0500115dce26 ^^ simplest project ever, but it shows the problem. Picture resize mode on the image is set to ‘contain’. There’s no background picture resize mode set on the screen, because there’s no background picture. That image is 2048 x 416 pixe…

Correct me if my math is wrong but if you take an image that is 2048 x 416 and shrink the width (2048) to 320, the height should be 65. I set your image to absolute size at 65 height and 320 width and it looks like this, not too different from what you’re seeing when it’s auto-sized: [image]

When it’s auto sized there’s a big space at the top and bottom.

Okay, so you’re talking about the spacing being wrong, not the sizing. The image, as far as I can tell, has the correct proportions on the screen. But the margins above and below are what you’re noticing are wrong.

Layout help? Added space when changing images

Questions about Thunkable X

catsarisky March 16, 2021, 8:18pm 3

This appears to about 95% fix my problem, BUT it’s a choice between a long enough lag that the resize is really obvious, or the resize sometimes not happening. Better ideas?

Topic		Replies	Views
How do I top align an image? Questions about Thunkable X image , position	9	1641	November 8, 2024
Layout Issues - Buttons vs. Images Questions about Thunkable X design	8	493	November 8, 2024
Background pictures on layouts not showing correctly Questions about Thunkable X	4	1423	November 8, 2024
A click of a button should change width and height of the image - Not working Questions about Thunkable X	5	314	November 8, 2024
The images aren't resizing in the final app! what should I do? Questions about Thunkable X beginner	11	322	November 8, 2024

Layout help? Added space when changing images

Related topics