Using Scroll Tiles

In this lesson
  1. Creating a scroll
  2. Editing a scrolling canvas
  3. Testing your scroll

Scroll tiles are used to create scrolling areas in your microapps. Scrolling tiles are unique because they create a canvas where you can add other tiles.

Creating a scroll

To create a scroll, you’ll first need to design an artboard with the content for your scroll. It is recommended this artboard is either very long or very wide to ensure the best scrolling experience. Sync your scrolling artboard to Tiled with your other pages and assets.

When you’re ready to create your scroll, place a scrolling tile on the page and cover the area you want scrollable. It doesn’t need to touch an edge of your page — the boundaries of the box will serve as the edge of the scrollable section.

Once you’ve placed your scroll, drop the asset you created into the tile. If Tiled does not automatically choose your desired scroll direction, you can switch using the dropdown in the flyout.

Editing your scrolling canvas

Once you add your asset to your scroll tile, you’ll see an “edit scroll canvas” button at the bottom of the flyout. Hitting this button will open the canvas similar to the canvas you use to edit a page. Use tiles to add any media you want to your scroll, such as hotspots, galleries, or videos. When you’re done editing, hit the back button to return to the main builder.

Testing your scroll

To test that your scroll tile works, switch to preview mode. You’ll be able to scroll your canvas on the page and interact with any tiles placed inside.