Scroll Tile (2.0)

The Scroll Tile allows you to create a Scroll Canvas on a microapp page, subpage or overlay. The scroll canvas provides a creative way to design content that stretches outside of the microapp page edge - either vertically or hortizontally.

Adding in a Scroll

1. Designing for a Scroll Tile
2. Add a Scroll Tile
3. Edit the Scroll Canvas
4. Scroll Tile Options

Designing for a Scroll Tile

Before using the Scroll Tile in your microapp, it is important to design Page Canvases and Scroll Canvases differently within your design tool. We highly suggest creating a different Artboard (or Frame) for content that is planned to be included in a Scroll Tile. The illustration below shows the comparison of Artboards when building a Desktop-sized microapp that uses a Scroll Tile.

Add a Scroll Tile

Identify the area of your microapp that you would like to include a scroll. You can make the Scroll Tile the entire size of the Page or a just a small part of the microapp page. Once you have placed a Scroll Tile on the page, you can add an asset to the Scroll Canvas from the Asset Library. See the video below for adding a scroll tile.

1. Drag a Scroll Tile onto the microapp canvas.
2. Resize the Tile to conform with the intended design.
3. Drag and drop an Asset from the Asset Library into the Scroll Tile. This will create a Scroll Canvas.

Edit the Scroll Canvas

Once you have placed a Scroll Tile on the page, and added an asset to it you can edit the Scroll Canvas like a Page Canvas - meaning you can add hotspots and all of the other tiles in and they'll stick to the scrolling area as it moves.

1. Click on the Edit Scroll Tile to enter the in-line editor.
2. Drag and drop the hotspot, video, gallery or Image tile of your choice onto the Scroll Canvas.
3. Hit the purple "Done Editing" button to save your changes.
4. Preview your microapp to ensure it functions as anticipated.

Scroll Tile Options

The Scroll Tile Properties Panel allow you to configure the following options for your Scroll Tile.