Tiled allows you to use uploaded image and video assets to design a graphical background for any of the pages or overlays of your microapp. Backgrounds fill the entire page, and serve as its base layer. Once the background is placed, you can layer additional graphics, text, and other tiles on top to create a richer viewing experience.
From the Microapp Builder, navigate to the desired page or overlay. Ensure that you have uploaded the desired graphic or video as an asset for your microapp. For more information, see Adding Assets to your Microapp.
There are two methods for adding an asset as your background.
- Drag the asset from the Assets panel to the Background panel.
- Drag the asset from the Assets section to the page. The page then turns blue and displays the message Set as background.
Placing an image background
When you place an image asset as your background, Tiled automatically adjusts the image so that it best fits the size of your microapp page. However, if your image asset is smaller than your microapp page, you can only place it by dragging it from the Asset spanel to the Background panel.
Placing a video background
When you place a video asset as your background, the Builder automatically plays the video muted and as a loop when a viewer accesses the page.
Deleting a background
To delete the current background, hover the cursor over the image in the Background section of the Builder Toolbar, and click the trashcan icon. The image is removed as the background but is still available as an Asset.