Add interactivity to your site with Canvas Views shown in the following video.

 

OVERVIEW

This article will show you how to add interactivity to your site using Canvas Views.

Showit_5_Adding_Canvas_ViewCanvas Views allow you to layer information within a canvas on your site, building a more interactive experience for your users.

Adding a Canvas View

To add a Canvas View to your site select the canvas you want to add it to and clicking on the 3 dots to the right of the name of the canvas select Add Canvas View from the window. This will add a single Canvas View to your canvas. You can add multiple Canvas Views by either repeating the Add Canvas View step or duplicating an existing Canvas View.

 

Using Canvas Views

Any object placed within a Canvas View will only be visible when that Canvas View is live. By default Canvas View 1 will appear first and without requiring any action by the user.

If you want to allow users to toggle/click through Canvas Views on their own you can add arrows utilizing the Icon feature and set the arrows to Next and Previous in order to control the speed at which the user sees the Canvas Views.

Alternatively, Canvas Views can be set to automatically rotate/change at the speed at which you set the transition time.

 

Showit_5_Canvas_View_TransitionsCanvas View Transitions

Canvas Views have the ability to transition into and out of your site in a variety of ways. You can set each Canvas View to have its own transition or you can set each Canvas View to transition using the canvas default.

Showit_5_View_TransitionsTo set the canvas default transition for Canvas Views click on the VIEW TRANSITIONS section inside of the Properties Panel on the right side of your screen. Here you can adjust the default Canvas View In and Canvas View Out settings by selecting the type of transition from the Type drop down menu as well as setting the time it takes for the transition to occur, if the transition should be delayed and what direction (if any) the transition should happen in.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Learn more about Showit 5

Get Help for Showit Desktop

Showit 5 is a completely reinvented drag-and-drop web design app for the modern world. If you need help with Showit Desktop, check out the Showit Desktop support page.