How to use Device Info column

Ask for Help
1

Hi,

I want to hide a button if user is using small screen (Mobile or Table). How to achieve this? In device info column, there are some info which I guess can use but not sure whats best way to do it.

image

I did this, but then I thought, what if user is using big screens of Apple (that’s iOS and not Windows, right)?

Please guide.

2

get the screen size from navigator

1 Like
3

As Uzo suggested, I think this might be what you need.

image

2 Likes
4

Thanks @Uzo and @ThinhDinh .

What should be the size I should mention below which the form shouldn’t be visible?

5

This is what I found online by searching CSS Media sizes:

Common Width Breakpoints: Is there a Standard Resolution?

  • 320px — 480px: Mobile devices.
  • 481px — 768px: iPads, Tablets.
  • 769px — 1024px: Small screens, laptops.
  • 1025px — 1200px: Desktops, large screens.
  • 1201px and more — Extra large screens, TV.

I normally use If WindowWidth <=720px, then Mobile, Else Desktop

4 Likes
6

I use below 400px… this is when Pages are shifting UI

4 Likes
7

Thanks. This is exactly what I wanted.

1 Like