Image elements are used to display images (such as product images, profile pictures, banners, campaigns, etc.)—whether static or dynamically retrieved from a data source—on the app screen.
The Image element allows you to add visual content to your application, making the user experience richer, more aesthetically pleasing, and easier to understand. The Image element supports both static images and images dynamically retrieved from a data source. This makes it easy to display product images, profile photos, banner content, campaign images, or images updated from a database.
To get started, create the table on the screen using “New SQL Action” in the “Tables” section of the “Data Sources” module. First click the “Test” button, then click “Create” to save it. Add your action to the page using “Initial Action.” Drag and drop a “Label” element. Configure it using the “Value” field. Center and adjust it. Place an “Image” element below it, configure it, and center it.
When the application is tested, you’ll see the campaign banner image displayed on the screen via the “Image” element.