Canvas Views

Add interactivity to your Showit site using canvas views

Jason Lackey avatar
Written by Jason Lackey
Updated over a week ago

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

What is a Canvas View?


Canvas views are similar to a slideshow, where each slide has unique content all in the same presentation. With canvas views each view has the ability to contain unique content and all are displayed on the same canvas.

Note: All canvas views will be the size of the parent canvas itself. You cannot create canvas views of varying lengths.

Add 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.

Note: All canvas views will be the size of the parent canvas itself. You cannot create canvas views of varying lengths.

Canvas View Transitions


Canvas Views have the ability to transition into and out of your site in a variety of ways. You can set the Canvas Views on a canvas to have a unique transition or use the default transition that has been set for your page.

To set the Transitions for your Canvas Views, click on the View Transitions tab in the right side Properties Panel. Here you can adjust the 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 (To or From, if any) the transition should happen in.

  • Canvas View In - This transition will occur when a canvas view comes on screen.

  • Canvas View Out - This transition will occur when a canvas view leaves the screen.

  • Type - This indicates what type of transition your canvas views will go through when transitioning (fade, slide, bounce, etc.).

  • Time - This is the duration of the transition from start to finish.

  • Delay - This is the amount of time before the transition will occur after it has been triggered.

  • From/To - This indicates the direction in which the transition will occur, if applicable.

Auto Advance View

Auto Advance View feature will cause the Canvas View Transition to occur automatically. This means without clicking or doing anything to trigger the next canvas view, it will transition by itself through each your canvas views.

You can set Auto Advance View under the View Transitions tab in the right side Properties panel. Once you have toggled this feature, you will also be able to set a time duration between the canvas view transitions.

Did this answer your question?