With the even counter you can market an upcoming event, have a countdown for the holidays or the end of a project





You can have an automatic countdown easily by adding the counter in your content using an html element.


The counter consists of a base URL and the date:


https://idid.fi/extra/date/to/?date=01.01.2040


You can modify the date using the parameter date, use the format DD.MM.YYYY.


How to add the event counter in the content:


1. Add an html element in your content. Modify the size and location of the element.

2. Copy and paste the URL in the URL field of the element. Complement the URL with the parameters below.




You can also modify the features by using these additional parameters. The parameters you can modify are the color and font of the text. Add them after the base URL and date separated from them with an ampersand (&).  


For example

https://idid.fi/extra/date/to/?date=01.01.2040&color=00AEB3


Color

To change the color, use the parameter color. Define the color by using the HEX color code without the number sign (#). The HEX color code for black, for example, is #000000. Find the HEX codes for your colors here (external site, htmlcolorcodes.com opens in a new tab).


For example

https://idid.fi/extra/date/count/?date=14.10.2016&color=0073e6


Font

To change the font, use the parameter font. You can use all the fonts that are available for the text element on the iDiD management. Type the name of the font exactly as it is shown in the font menu.


For example

https://idid.fi/extra/date/today/?font=Fugaz One


Note that spaces are automatically transformed into %20 on the address bar. This does not affect the perfomance of the element.

https://idid.fi/extra/date/full/?lang=en&font=Fugaz%20One



Combining parameters

You can also use several parameters. Just separate the parameters from one another using an ampersand (&).


For example

https://idid.fi/extra/date/to/?date=20.02.2020&color=1528E4&font=Lobster



Font size

The font size is scalable which means you can modify it easily by changing the size of the element.




Remember to save the content. Done!




If you want to count up from a date (e.g. days without an accident), you will find the appropriate timer here (opens in a new tab).



Note! The use of this html element is permitted only in the iDiD Digital Signage system.