Many industrial workplaces are keen to monitor the days day go without incident. This html element allows you to create a scalable, automatically updated count up timer to keep track of the measures easily.


 



Count up the days from a date using an automatic timer as an html element.


The counter consists of the base URL and the date: 


http://idid.fi/extra/date/from/?date=24.12.2015


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/from/?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 the base URL with a question mark (?) and any subsequent parameter from one another using an ampersand (&).


For example

https://idid.fi/extra/date/count/?date=20.02.2020&lang=fr&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 use a countdown timer instead to display the time until a future event, you can 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.