Overview

Usage Example

Example Scenario

An event page displaying a 2-hour countdown timer.

Microflow Logic

Create an entity and assign a future time:

addHours([%CurrentDateTime%], 2)

This sets the countdown timer to 2 hours from the current time.

The widget then automatically displays:

01:59:56

01:59:55

01:59:54

until the timer reaches 00:00:00.

Typical Use Cases

• • Event countdown timers
  • Flash sales timers
  • Session expiry indicators
  • Offer expiration countdown
  • Task deadline display
  • Waiting period indicators
  • Exam timer display

Advantages

✔ Extremely lightweight widget

✔No complex configuration

✔One parameter setup

✔Full UI styling flexibility

✔Works with Mendix microflows

✔Real-time countdown updates

Documentation

Countdown Timer Widget – Release Notes

Overview

The Countdown Timer Widget is a lightweight Mendix widget designed to display a live countdown to a specific DateTime value. It automatically calculates the remaining time and updates the UI in real time until the target time is reached.

This widget works seamlessly with Web and Server-side Mendix applications, making it suitable for scenarios such as event timers, session countdowns, deadlines, or limited-time actions.

The widget is intentionally minimal and flexible, allowing developers to fully customize the UI styling according to their application design.

Key Features

Real-Time Countdown

Displays a live countdown timer that continuously updates until the specified DateTime is reached.

Simple Configuration

Only one input parameter is required to start using the widget.

Required Input

• • End Date/Time Attribute – The DateTime attribute representing the target time.

Fully Customizable Styling

The widget does not enforce any styling.

Developers can freely apply CSS classes or Mendix styling to match their application's UI/UX requirements.

Works with Web & Server-Side Apps

Compatible with:

• • Mendix Web applications
  • Server-side logic
  • Microflow-based data creation

Dynamic Time Updates

The timer dynamically recalculates the remaining time without requiring page refresh.

Optional Remaining Seconds Attribute

Optionally store the remaining seconds value back to Mendix using an Integer/Long attribute if further logic or automation is required.

Widget Configuration

Usage Example

Example Scenario

An event page displaying a 2-hour countdown timer.

Microflow Logic

Create an entity and assign a future time:

addHours([%CurrentDateTime%], 2)

This sets the countdown timer to 2 hours from the current time.

The widget then automatically displays:

01:59:56

01:59:55

01:59:54

until the timer reaches 00:00:00.

Typical Use Cases

• • Event countdown timers
  • Flash sales timers
  • Session expiry indicators
  • Offer expiration countdown
  • Task deadline display
  • Waiting period indicators
  • Exam timer display

Advantages

✔ Extremely lightweight widget

✔No complex configuration

✔One parameter setup

✔Full UI styling flexibility

✔Works with Mendix microflows

✔Real-time countdown updates

Technical Details

Compatible with:

• • Mendix Web applications
  • Server-side execution
  • Microflow-driven object creation

Limitations

• • No default UI styling included.
  • Styling must be implemented by the developer using CSS or Mendix classes.

Version: 1.0.0

Initial Release

Future Enhancements (Optional)

Possible improvements in future versions:

• • Configurable timer formats
  • Styling presets
  • Countdown completion events
  • Sound or notification triggers
  • Multi-timer support