Overview

• Improves SLA compliance by clearly indicating time remaining for each request
• Enables early intervention through warning alerts before SLA breach
• Reduces missed deadlines and improves operational efficiency
• Provides better transparency and accountability for request handling

Displays remaining SLA time in an easy-to-read format

Automatically changes status based on SLA condition:

• Normal – SLA is on track
• Warning – SLA is approaching risk
• Overdue – SLA has been breached

Shows clear, configurable messages next to the timer for better understanding

Visual indicators help users quickly identify priority items

Flexible Configuration

• SLA thresholds and messages can be customized based on business requirements
• Time display can be adjusted to show hours, minutes, or seconds as needed
• Works seamlessly within existing request and approval pages

Documentation

• Introduced a custom SLA Countdown widget to calculate and display remaining or overdue time based on a submitted DateTime.
• Supports multiple time formats:
  • Hours only (HH)
  • Hours and Minutes (HH:MM)
  • Hours, Minutes, and Seconds (HH:MM:SS)
• Configurable warning threshold (in seconds) to indicate SLA risk.
• Displays dynamic status messages based on SLA state:
  • Normal
  • Warning
  • Breached / Overdue
• Visual status indication using color-coded text for Normal, Warning, and Breached states.

⚙️ Configuration Options

• Submitted Date: DateTime attribute used to calculate SLA.
• Enable Minutes / Enable Seconds: Controls time granularity.
• Warning Threshold: Time (in seconds) after which SLA enters warning state.
• Normal / Warning / Breach Messages: Custom messages displayed alongside the timer.

🛠 Improvements

• Ensured compatibility with Mendix React Client.
• Added default fallback values to prevent undefined states.
• Improved widget stability and error handling during page load.

🐞 Fixes

• Fixed issues where threshold and messages were appearing as undefined.
• Resolved widget loading errors caused by XML–TypeScript mismatches.
• Corrected property bindings between widget XML and React component.

⚠️ Known Limitations

• Widget currently supports Web platform only.
• Styling is limited to text-based indicators (no progress bar yet).