Image Tile

The Image Tile allows you to place a graphic or image asset on a microapp page. 

How to add an Image Tile

Navigate to the desired page of your microapp in the Microapp Builder. Drag an Image Tile (Image_Icon.jpg) from the Tile panel to the desired location on the page, where you can resize it to your specifications.

Drag your graphic asset 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, it can not be removed, only replaced.



Please sign in to leave a comment.