Skip to content
  • There are no suggestions because the search field is empty.

TDM5 - How to Add a Date/Time Element

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 explains how to add a Date/Time element. Additional guides for other elements can be found in our knowledge base.

Requirements

To add a Date/Time element to your page, you need the following:

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

How to add a Date/Time element

  1. Log in to your TDM5 environment.

  2. Select Designer.
    tdm designer icon

  3. Select the menu option Pages.
    tdm pages

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

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

  6. Select the Date/Time element from the menu on the left side of the screen.
    blobid0 (1)-1

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

  8. Configure the element properties on the right side of the page. To change the name, double-click the element in the Elements section.
    mceclip0-1

  9. In the Element layout section, adjust the position and rotation if needed.
    blobid9-1

    Resize the element by dragging its border.

    blobid1 (2)-1

    Rotate the element using the dot at the top.
    blobid2-3

  10. In the Colors & effects section, set the text opacity, text color, and background color.
    blobid3-2

  11. In the Text section, adjust the display format. The default is HH:mm (hours and minutes), but you can also display dates by changing the format.

    Note: The date and time are taken from the player device. Ensure the device has the correct date and time configured.

    You can also connect this element to an external data source. These often contain full date and time stamps in ISO format. Using the format in TDM5 you can adjust this to something more readable.

  12. Connect the element to an external data source. Open the dropdown for data source selection.
    blobid4-2

  13. Select an available data source. If needed, first create one (see our knowledge base article How to create a data source).

  14. Select the value you want to display from the data source (for example, train departure time from the NS data source).

    (Optional) Change the format to display the date and/or time in your preferred format.

    Once completed, you have successfully added a Date/Time element. You can continue designing and add more elements as needed.