O'Reilly logo

Axure RP Prototyping Cookbook by John Henry Krahenbuhl

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Applying your responsive grid to Axure prototypes

Axure RP 7 and beyond enables you to create adaptive prototypes with less effort than previous versions. This is accomplished through a new feature called adaptive views.

Adaptive views inherit properties from the Parent or Base view. Making changes in Child views does not impact the Parent views.

You will first decide if your Base view is going to be desktop or mobile. You will then create views for each breakpoint and then adjust the individual widgets in each Child view as necessary.

In this recipe, you will learn how to lay out an adaptive grid and make it behave in a responsive fashion.

How to do it...

You will create three views. A Base view that will be shown for browser widths of 980 pixels ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required