1
container inconsistency in mobile app
complete
M
Ma bel
Container does not fit content consisting of repeat with items. First image shows web preview. Blue container fits content perfectly. Second image shows the mobile app view where blue containers does not fit content.
The items are generated from list of objects of 5 items. Is this a bug or am I missing something?
Log In
M
Mari Hirvi
complete
M
Mari Hirvi
in progress
M
Mari Hirvi
Hi Ma bel, you're correct, the implementation of how the layout is generated has changed since the tutorial.
If you want to create a 3-column layout like in the tutorial, you can set the repeating container width to 33% under "Custom" and remove all gaps from the repeating item.
If you want to additionally have some maximum width in px for the item, you can add that as the "Max width".
Would that fix the issue?
M
Ma bel
Mari Hirvi: Thanks for taking the time to look into it. The proposed solution works, although there is still a 1% gap on the right. Also, just so that you know, setting the width to a number with a decimal does not work. For example, setting the width to 33.3% fit all the containers on the same row. This is obviously a different issue but i thought I'd share.
Thanks again!!
M
Mari Hirvi
Ma bel: Hi, yes I noticed that too, and will report that separately. We'll look into the creation of grid layouts as part of improving the overall layouting functionality. :)
M
Mari Hirvi
under review
M
Mari Hirvi
Hi Ma bel, thank you for the report. We'll look into the issue, but we'll need some more info on how the container layout has been configured. What is the ID of the app where this is occurring (number in project URL)?
M
Ma bel
Mari Hirvi: thank you for taking the time to reply. The app id is 392944. The app is called temp and has a single "test" page.
M
Ma bel
Not that the following tutorial, published in 2020, yields the same issue:
I am using builder (4/22/2022)