Big Number component have different view in mobile (Iphone 11 and Simulation view on glide)

[Alexander_Horison]

I have view on glide with mobile resolution and when im open it at my Iphone 11 , its have different view. Please help me

[Jeff_Hager]

Components will flow differently depending on the screen resolution. Your iPhone has a larger resolution than the emulator does, which is pretty small, so some of the components will flow to better for the screen.

[Alexander_Horison]

Thanks for the reply, So what do you suggest for me . i want my iphone and emulator have same view.

[Eric_Penn]

Follow my replies for side by side… it works with big numbers

Choice Components Side by Side? (with pic)

For mobile layout what you could do is use a custom collection on top of a 2 row helper table. Label the rows in the helper table row 1 and row 2 and add two choice components inside your custom collection. On the first choice component apply the visibility condition when helper table row -> equals -> 1… and for the second… when helper table row -> equals -> 2 Here is an example where I used this method with date pickers on mobile. [IMG_3388]

[Jeff_Hager]

I guess you haven’t really specified which version you prefer. I’m assuming that you want one Big Number component per row to match what you see in the emulator? Just want to make sure I’m clear on which version you want before I attempt to answer.

[Alexander_Horison]

yes i want emulator version @Jeff_Hager

[ThinhDinh]

I would try a container component with 4 big number components, 2 on each column, to see if it would help.

[Jeff_Hager]

@ThinhDinh provided a good option. You could create 4 separate Big Number components instead of having 4 values in one single Big Number component, but I think you may end up with the same results on your iPhone where the boxes are squashed and only on the left side. With @ThinhDinh’s idea, it may look better on your phone by stacking each big number on top of each other while still being side by side on a desktop device.