conditional rendering/styling based on screen size, browser, OS

  • 3
  • Idea
  • Updated 2 years ago
  • (Edited)
I've just tested one my skuid pages on Salesforce1 and immediately noticed something. There are many elements on the page that I'd like to not render since my mobile phone screen is too small.

Can we have the conditionally render/format based on screen size, OS and/or browser?
I'd like to set styling and conditionally render based on these. ie. text size, element sizes, table columns.
Photo of mB Pat Vachon

mB Pat Vachon, Champion

  • 42,714 Points 20k badge 2x thumb

Posted 2 years ago

  • 3
Photo of Skuidward Tentacles (Raymond)

Skuidward Tentacles (Raymond), Champion

  • 17,224 Points 10k badge 2x thumb
Yes Please! This would realize the dream of the "unified builder".
Photo of Chandra V

Chandra V, Champion

  • 6,966 Points 5k badge 2x thumb
Yassssssssss!
Photo of Bill McCullough

Bill McCullough, Champion

  • 12,436 Points 10k badge 2x thumb
Pat,

I was messing around with this to detect the screen.  I had to move on to something else and never finished.

https://github.com/PoeHaH/devicedetector

Thanks,

Bill
Photo of mB Pat Vachon

mB Pat Vachon, Champion

  • 42,714 Points 20k badge 2x thumb
I like coming up  with solutions as much as anyone, but this would be crazy to implement. I'll pass and hope Skuid picks up the baton. :D