Dynamic screen resolution

Can anyone educate me on how to adjust components to different screen resolutions? I would need to adjust components to show on small screens one way and on web fullscreen view dynamically. Is that possible?

1 Like

Hi and welcome to the community!

You can adjust layouts or individual components based on screen resolution using the new Conditional Renderer component (found in Component Market). Drop the variants inside the Conditional Renderer, bind the Active Render ID to a variable or formula that changes its value at your desired breakpoints, and give your variants corresponding Render IDs.

You can access the screen resolution properties through systemVars (docs here).

1 Like