Get the current width in real time into a variable

Jehex · 2025-07-29T09:52:54.44+00:00

Hello there, would like to know if anyone know the best / easy way to get the current width of the screen in real time, need this data for modify the behaviour of my UI if user is in mobile view or desktop view. Thanks

Jehex

1 month ago

Hello there, would like to know if anyone know the best / easy way to get the current width of the screen in real time, need this data for modify the behaviour of my UI if user is in mobile view or desktop view. Thanks
Jacob Kofoed

1 month ago

I made a package a while ago to check for when a specific media-query condition changes. So you could set it up on onLoad to check if "max-width: 1024px" etc. is true or not, and update a variable. The package is called "Match media" and there should be a tiny bit of documentation on it.

https://editor.nordcraft.com/projects/match_media/branches/main/components/HomePage

Alternatively you would have to create a custom action where you send an event on something like window.addEventListener("resize", ctx.triggerActionEvent("callback", window.innerWidth) but this is less efficient.
@Jacob Kofoed
I made a package a while ago to check for when a specific media-query condition changes. So you could set it up on onLoad to check if "max-width: 1024px" etc. is true or not, and update a variable. The package is called "Match media" and there should be a tiny bit of documentation on it.

https://editor.nordcraft.com/projects/match_media/branches/main/components/HomePage

Alternatively you would have to create a custom action where you send an event on something like window.addEventListener("resize", ctx.triggerActionEvent("callback", window.innerWidth) but this is less efficient.
Jehex

1 month ago

awesome ! Will check the package now, thanks a lot

Get the current width in real time into a variable

Jehex

Jacob Kofoed

Jehex