Xebia Native CountDown Timer

Content Type: Widget
Categories: User Interface,Scheduling,Mobile

Overview

🕒 Countdown Timer – Native Widget

This Countdown Timer widget is designed specifically for Mendix Native Mobile apps, offering a visually engaging and customizable countdown experience.

 

Key Features:

  • Dynamic Circle Size :- Easily adjust the size of the countdown circle based on your UI layout.

  • 🎨 Custom Circle & Seconds Colors :- Set unique colors for the circle and the countdown seconds to match your app's theme.

  • ⏱️ Flexible Time Input :- Enter any number of seconds to start your timer — full control in your hands!

  • 🔔 After Completion Action Support : - Automatically perform any Mendix action (open page, call microflow/nanoflow, show message, etc.) when the timer finishes — perfect for OTPs, alerts, or screen transitions.

 

Ideal Use Cases:

  • OTP countdowns

  • Quiz timers

  • Task deadlines

  • Promotional offers or flash sales

 

Improve user experience in your Mendix Native apps with the Xebia Countdown Timer — a flexible and visually dynamic widget for time-sensitive actions like OTP, quizzes, or task tracking.

 

Documentation

Typical usage scenario

 

  • OTP countdowns

  • Quiz timers

  • Task deadlines

  • Promotional offers or flash sales

 

Features and limitations

 

  • Dynamic Circle Size :- Easily adjust the size of the countdown circle based on your UI layout.

  • 🎨 Custom Circle & Seconds Colors :- Set unique colors for the circle and the countdown seconds to match your app's theme.

  • ⏱️ Flexible Time Input :- Enter any number of seconds to start your timer — full control in your hands!

  • 🔔 After Completion Action Support :- Automatically perform any Mendix action (open page, call microflow/nanoflow, show message, etc.) when the timer finishes — perfect for OTPs, alerts, or screen transitions.

 

Configuration 

 

📥Download the widget and add it to your Mendix Native Page.

⏱️Set the total countdown time in seconds (like 60).

⭕Set the size of the circular timer as per your design.

🎨Set the color for the outer countdown circle.

🔢Set the color for the seconds text inside the circle.

 

Optional

🎯Configure what should happen when the timer completes (like open page, show message, call microflow/nanoflow).

Releases

Version: 1.0.0
Framework Version: 9.24.5
Release Notes: V 1.0.0