How to use Device Info column


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.


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.

get the screen size from navigator

1 Like

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



Thanks @Uzo and @ThinhDinh .

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

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


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


Thanks. This is exactly what I wanted.

1 Like