Highlight Work Items planned after their due date

Modified on Thu, 16 Oct at 2:00 PM

Since version 25.10.0,  Planningboard automatically highlights Work Items that are planned after their due date. This helps users instantly recognize overdue tasks or items placed in later iterations than their due dates allow. This article explains how the feature works and how you can customize it.





TABLE OF CONTENTS


Default behavior

The highlighting uses the Due Date field of the Work Item. Planningboard automatically compares this date with the plan’s end date.


In the example below, the plan's end date is set to September 7, and the item's due date is August 5. Because the item’s due date is earlier than the plan’s end date, the item is automatically highlighted in red.







Customizing the highlight with a script

While the red frame appears automatically, you can modify or replace this visual behavior using the Item Script.


To customize it, go to Widget Parameters → Advanced → Item Script and insert a modified script such as:

if(wi.getDueDate()!=null && cli.planEndDate!=null && wi.getDueDate().getDate().getTime()<cli.planEndDate.getTime()) {
        cli.color = "orange";
        cli.cardColor = "#f3e2c2";
  }


Explanation of the properties:

  • cli.color - Defines the frame (border) color of the card. In the example, it changes the default red frame to orange.
  • cli.cardColor – Defines the background color of the card. Here, it applies a soft orange background (#f3e2c2).


As a result, the script replaces the red frame with an orange frame and adds an orange background color. This gives you full control over how overdue items appear visually.




You can further adjust this script to suit your needs. For example, apply different colors for high-priority items.



For any assistance, please don’t hesitate to reach out by submitting a ticket here.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article