# Digital Clock in Dashboard 2.0

**URL:** <https://discourse.nodered.org/t/digital-clock-in-dashboard-2-0/100640>\
**Category:** Dashboard\
**Tags:** node-red-dashboard, flowfuse, dashboard-2\
**Created:** [24 March 2026 10:38 UTC](https://discourse.nodered.org/t/digital-clock-in-dashboard-2-0/100640 "2026-03-24T10:38:51Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![karlgotbread](https://avatars.discourse-cdn.com/v4/letter/k/e480ec/32.png) [@karlgotbread](https://discourse.nodered.org/u/karlgotbread)\
**Post date:** [24 March 2026 10:38 UTC](https://discourse.nodered.org/t/digital-clock-in-dashboard-2-0/100640/1 "2026-03-24T10:38:51Z")

</div>

Hi everyone,

I’m currently working with Node-RED Dashboard 2.0 and I would like to display a digital clock similar to the one available in the classic dashboard (large, clean HH:MM:SS format).

I’m looking for something like the clock shown in the attached image.

Is there any ready-to-use widget, flow, or script that can achieve this in Dashboard 2.0?

![digital-clock](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/f/6f3638fd55e5b1867ac24f39751ac52f80cb77c4.png)

If anyone has already implemented this (using ui-template, custom JS, or any node), I would really appreciate if you could share your solution or example flow.

Thanks in advance for your help

---

<div class="post-metadata">

**Author:** ![Hubertus](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hubertus/32/10077_2.png) [@Hubertus](https://discourse.nodered.org/u/Hubertus)\
**Post date:** [24 March 2026 13:51 UTC](https://discourse.nodered.org/t/digital-clock-in-dashboard-2-0/100640/2 "2026-03-24T13:51:38Z")

</div>

In Dashboard1 i use a template like this:

```auto
<style>
    @import url('https://fonts.cdnfonts.com/css/alarm-clock');
</style>

<div style="font-size: xx-large; font-family: alarm clock; color: lightseagreen;">{{msg.timestamp.time}}</div>

```

with a litle changes it must run in DB2 too

---

<div class="post-metadata">

**Author:** ![Hubertus](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hubertus/32/10077_2.png) [@Hubertus](https://discourse.nodered.org/u/Hubertus)\
**Post date:** [24 March 2026 14:23 UTC](https://discourse.nodered.org/t/digital-clock-in-dashboard-2-0/100640/3 "2026-03-24T14:23:53Z")

</div>

i checked it in Dashboard 2 - it works fine

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [23 April 2026 14:23 UTC](https://discourse.nodered.org/t/digital-clock-in-dashboard-2-0/100640/4 "2026-04-23T14:23:56Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.