Currently I’m using the SnP version and I’m trying to create a FaceBook-like Dataviewer layout.
After hours changing the components properties I can’t find a way to make my layout fits the main image correctly.
Anybody knows what in the hell I have to change to fit the different photos sizes / aspect ratios without leaving blank spaces before / after or hiding the the bottom row?
Look some different results I had:
In both examples, the Label below the photo that shows the photo description is hidden for some unknown reason (but in Thunkable IDE is displayed normally).
I changed the following properties in many different ways without results:
- Height / Width
- Picture Resize Mode
- (Advanced) Max Height / Width
- (Advanced) Aspect Ratio,
- (Advanced) Min/Max Height/Width
Any help will be appreciated!
It’s very difficult to control an
image component in a Data Viewer. I would use a
column and set the background image to show the selected photo.
Thanks @muneer !
It’s possible link the datasource with any image in the DataViewer when we use this image as a column background?
Will be easier to manipulate these images / Dataviewer if I change my project to the DnD interface?
Regarding Question #1, Yes, it’s possible to bind Row Background Image to the Dataviewer when you select the Advanced Binding, when creating the DataViewer
The idea of @munner to use backgound picture was nice, but it was also necessary create a “dummy” label and set an absolute height of 350 px in order show the background picture correctly. Look the result:
If I were you I would create a dummy table with one single record only and then bind it to the Data Viewer.
I will then use my code to change the content of the Data Viewer fields. This way I will not need to use
Advanced Binding and will only display a single card at a time.