Display Uploaded Images Within Your App

The Image Viewer element allows you to display images directly within a modal, making it ideal for visual content such as product photos, user avatars, or any uploaded images. This element is commonly used in data display modals where images need to be shown alongside other information.

Installation

1. Access the Element Studio:

   • In the Individual App Canvas, locate and hover over the modal where you want to add the Image Viewer element.

   • Click Access Element Studio.

2. Add the Image Viewer:

   • Inside Element Studio, click Add New Block.

   • Use the search bar to find "Image Viewer" and click on it to add it to the modal.

Configuring the Image Viewer

1. Connect to an Image Field:

   • Link the Image Viewer to a field where an image has been uploaded. This field could be from an Image Picker (Single) element or any other source where images are stored in your data documents.

With the Image Viewer element, you can easily showcase images within your app, providing a straightforward way for users to view visual content in data display modals.