There are many ways to include images in your app. The Image Component is highly customizable and gives you flexibility for showcasing your images.
In the Layout Editor, select the tab you want to edit.
Click on the plus (+) symbol in the Components panel.
Find Content in the menu and select Image.
Look for data in the General tab on the right. Here, you can input an images in one of three ways:
Providing a URL
Through an image column in your data
Choose the style between square or circular.
Choose the aspect ratio.
Choose whether to display the image in full size or small
Align the image left, center, or right.
Provide alt text for the image. This is important for accessibility and screen readers. You can enter this manually or link it to a column in your data.
It's possible for users to trigger an Action when they tap on the Image component. You can choose from any of the actions available in Glide or create a custom action.
Navigate to the Action settings.
Click on the +Add action button to begin adding your action.
Choose an action from the dropdown list or select create new action to create your own custom action.
There are many ways to leverage images in guide. For more details about adding, storing, and displaying images in your app, check out our full guide.
Making an Image Carousel
To create an image carousel, use a multiple image column as the data source for your image component.