Mobile view for iPhone 14 Pro Max

Report a Bug
1

My App/Pages support link:
https://go.glideapps.com/support/623ac0f8-ee6f-4a48-8db7-f1635175c5bf

Describe the bug:
The app appears differently on an iPhone 14 Pro Max vs an iPhone SE due to the difference in screen size. Specifically, the grid view of categories, where the SE iPhone shows 2 across for Size = Small and Style = Squares but the Pro Max shows 3 across. Also, when the Pro Max is turned landscape, Glide changes to the laptop view.

Expected behavior:

  • All mobile devices should display the pages similarly.

How to replicate:

  • N/A - See list of home page

Link to demo recording:

  • N/A
2

So you expect the grid view to always show 3 across regardless of the screen size? I don’t have an iPhone SE to test, but does the size of collection items the same between iPhone 14 Pro Max and iPhone SE? It might be just a case of them valuing the consistency of item sizing across devices.

3

I have posted about this too. In Classic Apps you can set the number of tiles across so that it is the same on every device. In Pages there is no way to set it and the number across will change depending on the screen size. My app needs the number to be set (or at least 4 across) so I see this as a flaw in the Pages mobile view. We’re often told that Pages is as good as or better than Classic Apps in mobile view but I don’t think it’s quite there yet. I really hope we get the option to control grid format at some stage, my app is rendered useless otherwise.

2 Likes
4

@Tristan @Ivo_Elbert some feedback here.

5

Actually, I would hope that screens the size of the pro max would be recognized as mobile phones and the experience across all mobile phones would be consistent.

6

Yeah that’s the issue and I don’t mean to redirect the focus from a specific fix for it, but for me it’s about customisation. Having the format ‘adapt’ to devices reduces the customisation control we have. There are going to be use cases where the format needs to be a certain way.

7

Has any progress been made on this item?

8

Hi!
I know this is an old thread, but I came across the same issue today. My clients are experiencing a different UI when using an iPhone Max.

Any thoughts?

Thanks,
Yan

9

I think one workaround is using the screen width (through the Get Device Info column) to determine, approximately, what type of device the user is using.

Then use conditional visibility to show different kinds of tiles setup to the user.

10

I am trying to show Different Glide AI components based on Mobile v Desktop. Can you test this in the builder - the screen width is always 1920?

Is this the best way to differentiate ‘small’ screen versus ‘desktop’ screens and test it?

TIA

11

Device Width from the device info column is based on the builder window width while inside the builder. Probably best to preview the app in another window and reduce the size of that window to mobile size. I believe @Darren_Murphy has pointed out a few times that device width is not dynamic, so you will have to make sure the window is the correct size and then refresh the browser window to reload the app.

There is a CSS alternative that is dynamic, but I haven’t explored it personally.

2 Likes
12

I’ve used that CSS in several Apps now, and it works really well :+1:

2 Likes