All Collections
Using Editor
Laying out screens
Prototyping Responsive Designs in iRise 🎥
Prototyping Responsive Designs in iRise 🎥
Video Tutorial featuring fluid layouts and breakpoints
William Butler avatar
Written by William Butler
Updated over a week ago

FLUID POSITIONING AND WIDTH
In this first video, you'll learn how to use a set of WYSIWYG icons to set the responsive behavior for iRise widgets. Just select the position and margins you'd like, and that widget will behave accordingly. No coding or complex equations - just set it and go!

BREAKPOINTS
You can combine the fluid position and width settings with breakpoints for further responsive control. 

Use the iRise breakpoint widget to set custom screen widths and activate actions when they're crossed - like showing and hiding elements or switching custom views. It's intuitive and powerful.  Watch the video below to learn how, and click here to download the Breakpoint iBloc.

 

Did this answer your question?