Skip to main content
Nintex Community Menu Bar

conditional render based on page width?

  • July 8, 2024
  • 5 replies
  • 15 views

Forum|alt.badge.img+11

How did you guys do it on Skuidify.com?? When you decrease the page width, the Skuid logo switches to just the U without the word, the navigation items sprout icons and some disappear… it looks like you have conditional rendering based on page width. How??

Thanks in advance for divulging your secret sauce recipe. 

This topic has been closed for replies.

5 replies

Forum|alt.badge.img+8

Unfortunately, we used css media queries. I’m hoping a future release has declarative width-based conditional rendering, but alas, not there yet.


Forum|alt.badge.img+6
  • Nintex Employee
  • July 8, 2024

Inline CSS with media queries and custom CSS classes:

Note that media queries get complicated pretty quickly and don’t work as you’d expect in some scenarios, which is why we’ve yet to offer them out of the box.


Forum|alt.badge.img+20

^^^ bump ^^^


Forum|alt.badge.img+20

^^^ bump ^^^


Forum|alt.badge.img+20