[BUG] Modules layout is completely broken on mobile

App Building
1

Hello,

I'm building an app for mobile and encountered a serious issues when using modules.

How to reproduce:

  1. Create a module which has a container and a list view inside it. The module itself is displayed correctly during preview on mobile:

Screenshot 2022-06-02 at 19.31.02
Screenshot 2022-06-02 at 19.31.021174×1338 73.7 KB

  1. Import the module from point 1 in an app. The mobile preview looks like so:

Screenshot 2022-06-02 at 19.31.42
Screenshot 2022-06-02 at 19.31.421212×1192 31.5 KB

2

Hey @vangelov appreciate you flagging this, will let the team know (and will circle back with updates as they're available!)

1 Like
3

Hello there!

Thank you for bringing this to our attention. So I think I found the issue. You just have to make sure that absolutely every single component is set to Show on mobile. :sweat_smile: That includes the container title, the container itself, and whatever content is inside the listview. It's definitely not intuitive!

1304×1316 60.1 KB

Another thing I wanted to mention is that we actually have a new mobile development platform for native mobile apps. If this is something you'd be interested in and you have a use case for mobile apps (perhaps a field workforce or something like that!) I would love to put you in touch with our mobile team. Please let me know if you have any questions about this or the initial module/layout issue!

Thank you!

John

4

Hey, thank you so much for the quick answer!

All the items that you mentioned were indeed set to mobile. The thing is they were set only to mobile. If I set everything inside the module to both desktop and mobile and then set the module itself only to mobile inside the app it seems to be ok.

5

Ah! That's definitely still more finicky than I think we would like. Thank you for bringing this to our attention. And, if you ever want to check out the mobile development platform please do let us know!

6

I will, thanks again :slight_smile:

1 Like