Design practices in DnD

[fedegarcia30hzc97a]

Hi

Is there any design best practice document i can go through for DnD? Im struggling to have all my containers in place when i fill them with data during runtime.
For example, i have a dashboard where some containers are fixed hight/wight but the last one will clone elements depending on the number or rows i read in a database.

Container 48, which is where im cloning the components is set as scrollable and fit container (which should be layout24 with 664px height)

When there are enough element all the screen streches…

RPReplay_Final1730934669.MP4

Im also strugling to fit the layout size to fit the bottom of the screen in any device.

Thanks!

[brianl]

I would recommend either making your container scrollable so that it doesn’t have to compress or introducing pagination.

[fedegarcia30hzc97a]

Thats the weird thing, the container containing the cloned blocks is set to scrollable, but even then is compressing the full layout.

Ive manage to achieve by having two layouts and positioning the new one in runtime based on the first layout height, lets see how it works in different screen sizes…

Anycase managing positioning is quite complex as every device has a different size resolution.

Thanks!

[fedegarcia30hzc97a]

**this is so frustating…**Ive published the app in App Connect to check with test flight…
As you can see, Layout24 is set to 370.

Layout25 is set at screen start as following

When testing in thunkable live app or webapp i can see everything correctly

But in my iphone 13 testflight app i see a mayor gap

[ioannis]

Hello @fedegarcia30hzc97a
As I shared in a separate support channel, the second Container51’s height needs to be set to a specific size in pixels or percentages.