Justinmind

SUPPORT

Learn how to prototype web and mobile apps

How to simulate scrollbars in your interactive wireframes

Simulate scrollbars in your interactive wireframes with the help of this tutorial, which will show you how to turn a Dynamic panel into a scrolling area.

To do this, follow these three easy steps:

  1. Create a new prototype and drag a dynamic panel onto the canvas.
  2. Go to Properties and set the ‘vertical scroll’ and ‘horizontal scroll’ to ‘always visible’.

Simulate scrollbars in your interactive wireframes

 

3. Right click on the dynamic panel and select ‘Edit Content’. Then drag content inside the panel, and the scroll bars will automatically show when you simulate.

And that’s it! Simulate and enjoy!

Next tutorial > Scroll between fixed bars in your mobile wireframes