Digital Clock in Dashboard 2.0

Dashboard
, ,
1

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

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

2

In Dashboard1 i use a template like this:

<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

3

i checked it in Dashboard 2 - it works fine