First up, liking the tool alot.
Now the question, is there a way to run the interactions on a page and be able to scroll the content when it is larger than the view area?
Not sure if I saw this during your sneek peek, something I missed in version one, or just wishful thinking. To restate in a different manner, I am working on a page that extends outside the view area to represent a long page. When I run the page it truncates to just the view area and things outside the area are not rendered. What I would like to see is a small scroll bar appear and now the content can be moved natively with various inputs (mouse, trackpad etc).
Keep up the great work!
Hi Jason!
To do scrolling in v1, if you resize the canvas to be longer than the browser/screen size, it should let you scroll, as in this example where I set the height of the canvas to 2000.
If you want a scrolling region, look at the comments here for a workaround.
In v2, we are adding the concept of a viewport, and the canvas size will still dictate where you can scroll. What the viewport will do is give you control over the visible area of the canvas and let you, e.g., pan/scroll to a specific place as part of an interaction.
So if you want elements "off screen" that you move in, you put those outside the canvas. If you want elements that the user can scroll/pan to, you would extend the canvas to encapsulate those elements, and it will let them do so.
HTH!
Hi Ambrose,
How can I set the canvas size to be different from that of the viewport in Browser mode? Currently the option is disabled in the Browser settings – I can see it available only for the Tablet or the Phone viewports.
I have the 2016 Vol. 2 (Update 2) version of Studio.
Thanks,
Konstantinos
Hi, Konstantinos!
I'm also replying here in order to share the solution with other users, although we were in touch by email yesterday.
Browser viewport doesn't support scrolls. If you want to simulate scrolling, you can add a container UI element with the size of the viewport and then enable the scrolls in the container as it is described here.
In this link you can find more information about viewports and chromes.
Have a great day!ClaudiaIndigo Studio Team