TDM5 - How to Add an Image
Introduction
TDM5 allows you to create your own designs using elements. Each element has configurable properties, giving you the flexibility to create content based on your needs.
This article explains how to add an image. Additional guides for other elements can be found in our knowledge base.
Requirements
To add an image to your page, you need the following:
-
Access to Designer > Pages with permission to create or edit a page.
How to add an image
-
Log in to your TDM5 environment.
-
Select Designer.

-
Select the menu option Pages.

-
Open an existing page by clicking Edit

or create a new page by clicking Add new page.

-
You will now be taken to the content editor, where you can design your page.

-
Select the Image element from the menu on the left side of the screen.

-
Draw a frame in the template editor by clicking. Adjust the size of the element as needed, then click again to confirm.

-
Configure the properties of the image element on the right side of the page: To rename the element, double-click it in the Elements section.

-
In the Element layout section, adjust the position, size, and rotation.

Rotation can also be set using the dot at the top middle of the element. -
In the Colors & effects section, adjust opacity to make the image transparent if needed.

-
In the Image section, link an image from your media library or connect the element to a data source. You can also configure how the image should be displayed:

-
-
-
Contain: Maintains the image’s resolution.
-
Fill: Stretches the image to fill the element size.
-
Cover: Maintains aspect ratio and fills the element.
12. In the Touch section, configure content to be displayed when someone presses the element (useful for touchscreen devices).

-
-
Once completed, you have successfully added an image. You can continue designing and add additional elements as needed.