An Image Tile allows you to place a graphic or image asset on a microapp page.
Navigate to the desired page of your microapp in the Microapp Builder. Drag an Image Tile () from the Tile panel to the desired location on the page, where you can resize it to your specifications.
Drag your graphic asset (.pdf, .gif, .png, .jpeg, .jpg or .svg) from the Assets section of your Builder toolbar to the Image Tile on the page or the outline section of your Image toolbar. The asset is displayed in the Image as a thumbnail in the Image toolbar. For more information about assets, see Adding Assets to your Microapp.
Image Tile Settings
The Image tile settings allows you to configure the following options for your image.
Alter your image
You can change how your image is displayed in the Image Tile.
Fill The image is positioned so it fills the entire Image Tile, even if the entire image is not displayed. Fill is selected by default. Fit The image is sized so that all of the image can be seen in the Image Tile, even if that creates a lot of whitespace. Original The original version of the image is displayed, and it is not sized or positioned.
Additionally, you can select the positioning squares to specify where the main focus of the original image should be. The center square is selected by default.
Enlarge the Image
You can give your viewers the option to enlarge the images in the Image Tile. From the Action dropdown list, ensure that Fullscreen is selected.
When viewers click the picture, it enlarges so that the image is as large as the microapp page. When finished viewing the image in full screen, they click the X icon in the upper left corner to return to standard view.
Link the image to a page
You can link the image to a specific page in the microapp, so when users click the image the microapp opens the desired page. From the Action dropdown list, ensure that Link to Page is selected.
The Page dropdown list appears. Clicking the list displays the microapp pages and overlays by name in sequential order.
Click the Page dropdown list and select the desired page to link it to the image.
Replacing an image in the Image Tile
To replace the image in the Image Tile, simply drag a different image from the Assets Panel to the Image Tile on the page or the outline section of your Image settings. The asset replaces the existing image.
Deleting an Image Tile
To delete an Image Tile, ensure that the tile is selected and press the DELETE key.
Note: Once an image is placed in an Image Tile, you cannot remove it from the tile, leaving it empty.