Image

There are many ways to include images in your Glide project, but the Image Component is highly customizable and gives you flexibility for showcasing your images.

Configure an Image component

1. Select the plus symbol in the Screen panel on the left side of the Layout Editor.
2. Locate Media and select Image.

Data

In the Image field, use the menu to select an image source. You can choose to:

• Provide the URL address for the image in the Image field.
• Select Upload image. When prompted, upload a saved image file, input a URL, or select from a menu of stock images provided by Unsplash.
• Select a column from your Data Source that contains an existing image file.

Design

Ratio

The Image height or Aspect Ratio determines the size and shape of the Image component on the screen.

There are five options:

• Auto
• Square
• 4:3 aspect ratio
• 16:9 aspect ratio
• 3:1 aspect ratio

You can select from the following Style options:

• Select Square to display your image in a specified Aspect Ratio, as outlined above.
• Select Circle to display your image as a circle that is auto-cropped.

Size

You can select a size for your Image component.

• Select Full to allow the Image component to fill the container width.
• Select Small to display the Image component in a minimized fashion.

Actions

Users can 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.

1. Navigate to the Action settings.
2. Click the + button to begin adding your action.
3. In Configure Action, select the dropdown menu to view action options.
4. Choose an action from the dropdown list or select Create new action to create your own custom action.
5. If prompted, apply any additional settings in Configure Action.