I’m designing a custom data viewer list layout although technically, this problem has nothing to do with DVLs. I have a screen with an image inside a row inside a column (snap-to-place interface). Here’s the component tree: [image] If I set the image height to fill container, the row height to 120 (absolute size), and the column height to fit contents, I expect the image to be no larger than 120 pixels high. This is the Design tab view: [image] I clone the outer column twice to simulate a Data Viewer List. This is the Preview in a browser: [image] The images are HUGE even though I have the background resize mode set to contain. Any ideas about how to fix the image height? If I set the image height manually (e.g. 130 x 130), it looks fine. But I was hoping not to have to specify an exact height.

Hi, I am experiencing the exact same thing with a DVG. The images make the rows much bigger than the screen. [image] The outer row has a height of FIT CONTENTS and a width of 50%, the image has a height and width of fill container and the rest is fill container. However, when I test it as a DVG: [image]

That is a little different though because your outer row is going to be as big as it needs to be to fit everything that’s inside it. And with your internal components having fill container, they are also going to be as big as possible. With mine, the outer column is set to fit contents so it should shrink to whatever size its contents are. Which could mean it’s small or very large, depending. But the row height is 120 pixels which would limit it to 120 pixels. But it’s previewing with the image expanding past that.

Yeah, there’s that, but it still shouldn’t have blasted like that. When I scroll: [image] Also, since it’s a DVG, there should be 2 icons, but I can only see half of the apple. No sign of anything else, the DVG isn’t horizontally scrollable. Also, I have a - button beside the input but that’s disappeared.

[image] The browser sometimes stops working with the application and shows a white screen Questions about Thunkable For me same thing… i couldnt work on my project all day… In the best case scenario, im working on blind, cause i cant see anymore changes to ThunkableLive mobile app. There it shows old stuffs i did long time ago. Its like server dont have connection with mobile LiveView anymore… I think that the problems with Thunkable server are more seriouse that i thought frowning More problems happened to me in the last hour… Even if i make from the scratch a new screen in my project, with a simple con… The only solution i found is to set absolute values for images…

The bananas input, and plus and minus buttons are on top of the apple image, while the + and - buttons for apples is under the image.

Image height not constrained by containers

Questions about Thunkable X

mimostel June 15, 2021, 5:09am 5

The only solution i found is to set absolute values for images…

Topic		Replies	Views
DVL or DVG's height settings Questions about Thunkable X	5	325	August 6, 2021
Layout help? Added space when changing images Questions about Thunkable X beginner , layouts	13	816	March 24, 2021
DVL layout wrapper: only some properties work Issues / Bugs	12	577	September 3, 2022
Data Viewer List custom layout problem Questions about Thunkable X layouts , data-viewer	6	856	December 9, 2021
Data Viewer Grid size restrictions Questions about Thunkable X	26	5386	December 5, 2022

Image height not constrained by containers

Related topics