TDM5 - How to Add a Widget

Introduction

TDM5 allows you to create your own designs using elements. Each element has its own configurable properties, giving you the flexibility to design content based on your needs.

This article describes how to add a widget to a page. Currently, widgets are available for Buienradar (Dutch weather), NOS (Dutch news), and NU (Dutch news).

Requirements

To add a widget to your page, you need the following:

• Access to Designer > Pages with permission to create or edit a page.

How to add a widget

1. Log in to your TDM5 environment.

2. Select Designer.
   

3. Select the menu option Pages.
   

4. Open an existing page by selecting Edit, or create a new page by clicking Add new page.
   

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

   
   
6. Select the Widget element from the menu on the left side of the screen.
   
7. Draw a frame in the template editor by clicking and dragging. Adjust the size of the element, and click again once you are satisfied.
   
8. Configure the properties of the element on the right side of the page. To change the name, double-click the element in the Elements section.
   
   
9. In the Element layout section, you can adjust the position of the element and set rotation if needed.
   
   

You can also resize the element by dragging its border.

Rotation can be adjusted using the dot at the top of the element.

10. In the News section, select the desired news source and category, and choose whether to display the publish date and description.

11. In the Touch section, configure content to be displayed when the element is pressed. This is useful if the content will be shown on a touchscreen device.

Once completed, you have successfully added a widget to your design. You can continue designing and add additional elements if needed.