CountdownAndTimer

This widget allows Mendix to show either a datetime countdown or a timer. This utilizes the TimeCircles library found at https://github.com/wimbarelds/TimeCircles.

Contributing

For more information on contributing to this repository visit Contributing to a GitHub repository!

Typical usage scenario

Use this when you want to show a countdown to a datetime or to show a timer. Allows you to show the days, hours, minutes and seconds until the indicated point.

Configuration

Steps to get this widget working in a Mendix app:

Countdown

1. Drop the widget into a data view, template grid, or list view with the target datetime.
2. Set the Target DateTime Attribute.
3. Configure the visible circles (day, hour, minute, second), colors used, and display text.

Timer

1. Drop the widget into a data view, template grid, or list view with the number of seconds.
2. Set the Timer Value Attribute.
3. Configure the visible circles (day, hour, minute, second), colors used, and display text.

Libraries

This widget uses

• jQuery, MIT License
• TimeCircles, MIT License