---
title: "Media Components Properties"
slug: "media-components-properties"
updated: 2023-11-26T07:15:26Z
published: 2023-11-26T07:15:26Z
canonical: "kb.easysend.io/media-components-properties"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://kb.easysend.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Media Components Properties

## Media Components Properties

The following sections detail the properties of the Media section components:

- Dynamic Image
- Preview

Based on the Theme you are using, some of the components may appear under a different name or be found under an Advanced category different category, for additional information, see the [Theme Overview](/v1/docs/themes-overview) article.

NOTEIf you want to skip to our How to videos section and learn how to use Media components, click [here](/v1/docs/other-components-properties#how-to-videos).

### 

#### 

### Dynamic Image

After adding the Dynamic Image component, configure its properties, design its look, and connect it to the Model. **Figure 1** and **Table 1** describe the properties of the Dynamic Image component:

![Dynamic Image Properties Section.](https://cdn.document360.io/45e1a1b1-1964-46f1-939e-f40bde9b50fa/Images/Documentation/image-1681732055112.png)

**Figure 1: Dynamic Image Properties Section**

**Table 1: Dynamic Image Properties Section**

| **Number** | **Icon** | **Name** | **Description** |
| --- | --- | --- | --- |
| 1 | ![](https://cdn.document360.io/45e1a1b1-1964-46f1-939e-f40bde9b50fa/Images/Documentation/other-components-properties-image-qo64g071.png) | Model | Enables to connect the component to the Model by: - Clicking the icon - Creating a new transaction data item NOTE - For additional details on how to connect the component to the Model, see the [Model Overview](https://kb.easysend.io/docs/model-overview) and the [Setting Up the Model](/v1/docs/setting-up-the-model) articles - For additional details on how to create a new transaction data item using the Properties section, see the [Model Overview](https://kb.easysend.io/docs/model-overview) and the [Setting Up the Model](/v1/docs/setting-up-the-model) articles |
| 2 | ![](https://cdn.document360.io/45e1a1b1-1964-46f1-939e-f40bde9b50fa/Images/Documentation/other-components-properties-image-8q94vgio.png) | Default Image | Enables to set a .jpg or .png as a default image NOTE - Image files must be added to the Theme of the Webflow before they are available for selection. For additional information about Themes, see the [Themes Overview](/v1/docs/themes-overview) article - A default image will not replace the background image of the Main Page/Greeting Page components |
| 3 | - | Width in pixels (px) | Enables to set the width of the image in pixels |
| 4 | - | Width in % | Enables to set the width of the image in percentages |
| 5 | - | Horizontal Align | Enables to set the horizontal alignment of the image: - Left - Center - Right |
| 6 | - | + Add to Agent | Enables to add the component to the Agent screen NOTE This button will only appear if the Journey Sender feature is enabled, for additional information, see the [Journey Sender](/v1/docs/journey-sender) article |
| 7 | - | Delete | Enables to delete the component from the canvas |

### 

### Preview Properties

After adding the Preview component to the canvas, configure its properties. **Figure 2** and **Table 2** describe the properties of the Preview component:

![Preview Properties Section.](https://cdn.document360.io/45e1a1b1-1964-46f1-939e-f40bde9b50fa/Images/Documentation/image-1681724405842.png)

**Figure 2: Preview Properties Section**

**Table 1: Preview Properties Section**

| **Number** | **Icon** | **Name** | **Description** |
| --- | --- | --- | --- |
| 1 | ![](https://cdn.document360.io/45e1a1b1-1964-46f1-939e-f40bde9b50fa/Images/Documentation/buttons-component-properties-image-cwbol56y.png) | Forms | Enables to attach a PDF form to the component by clicking the pencil icon NOTE - At least one PDF must be uploaded to the system first - You can attach more than one PDF form to the component |
| 2 | - | Auto Resize | - When checked - enables auto resize of the page - When not checked - disables the auto resize option |
| 3 | - | Allow Zoom In/ Out | - When checked - enables to display and use the zoom in and zoom out buttons - When not checked - hides the zoom in and out buttons |
| 4 | - | + Add to Agent | Enables to add the component to the Agent screen NOTE This button will only appear if the Journey Sender feature is enabled, for additional information, see the [Journey Sender](/v1/docs/journey-sender) article |
| 5 | - | Delete | Enables to delete the component from the canvas |

## How to Videos

To quickly learn how to use Media components, watch the following videos.

- Dynamic Image:

[Embedded content](https://www.youtube.com/embed/O05lCoBxTBA?&wmode=opaque&rel=0)

- Preview:

[Embedded content](https://www.youtube.com/embed/PlZdizY7MRk?&wmode=opaque&rel=0)