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 article.

NOTE

If you want to skip to our How to videos section and learn how to use Media components, click here.

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.

Figure 1: Dynamic Image Properties Section

Table 1: Dynamic Image Properties Section

Number	Icon	Name	Description
1		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 and the 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 and the Setting Up the Model articles
2		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 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 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.

Figure 2: Preview Properties Section

Table 1: Preview Properties Section

Number	Icon	Name	Description
1		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 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:

Preview: