{"id":3494,"date":"2024-09-27T23:01:28","date_gmt":"2024-09-27T22:01:28","guid":{"rendered":"https:\/\/m0aws.co.uk\/?p=3494"},"modified":"2024-09-27T23:08:34","modified_gmt":"2024-09-27T22:08:34","slug":"node-red-dashboard-2-0","status":"publish","type":"post","link":"https:\/\/m0aws.co.uk\/?p=3494","title":{"rendered":"Node-RED Dashboard 2.0"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Ever since I started using Node-RED I&#8217;ve been using the standard <a href=\"https:\/\/flows.nodered.org\/node\/node-red-dashboard\" target=\"_blank\" rel=\"noreferrer noopener\">node-red-dashboard<\/a> set of user interface (UI) nodes to build my numerous dashboards to enhance my radio hobby and add new functionality to the operating of the station. The series of UI nodes are very simple to use and have served me well however, they are no longer being developed and are now deprecated in the overall Node-RED project.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To this end <a href=\"https:\/\/dashboard.flowfuse.com\" target=\"_blank\" rel=\"noreferrer noopener\">flowfuse.com<\/a> have stepped up to the mark and developed Dashboard 2.0. This new series of UI nodes brings a new, more modern look and feel to the Node-RED dashboard along with some new functionality.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"390\" style=\"aspect-ratio: 1544 \/ 390;\" width=\"1544\" controls src=\"https:\/\/m0aws.co.uk\/wp-content\/uploads\/2024\/09\/M0AWS-Node-RED-Dashboard-2-S-Meter.mov\"><\/video><figcaption class=\"wp-element-caption\">Short video showing the new Node-RED Dashboard 2.0 Linear gauge<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I&#8217;ve only just started investigating Dashboard 2.0 but, it&#8217;s proving to be fairly easy to use. The short video clip above shows an S-Meter display developed using Dashboard 2.0 for my FTDX10 transceiver.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Full instructions on how to install and configure Node-RED Dashboard 2.0 can be found on the <a href=\"https:\/\/dashboard.flowfuse.com\/getting-started.html\" target=\"_blank\" rel=\"noreferrer noopener\">flowfuse.com<\/a> website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Be aware though,  Node-RED dashboards developed using Dashboard 1.0 will not work under Dashboard 2.0, you will have to import the old v1.0 flow(s) and manually go through them and change all the UI nodes to new Dashboard 2.0 nodes. Since some of the new nodes work differently to the old nodes you&#8217;ll also find you will need to make code changes to get the same\/similar functionality.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I&#8217;m finding it easier not to import old flows but to recreate them afresh under Dashboard 2.0 using the old flow version for reference.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Overtime I will migrate my dashboards over to the new 2.0 version however, this is going to be a lot of work, especially in the case of my <a href=\"https:\/\/m0aws.co.uk\/?p=3145\" target=\"_blank\" rel=\"noreferrer noopener\">QO-100 Ground Station Dashboard<\/a> as it contains a considerable number of UI nodes, and will take a fair amount of time to migrate.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I&#8217;ll document my findings as I go as I&#8217;m sure there will be a few trials and tribulations along the way.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thanks to <a href=\"https:\/\/www.qrz.com\/db\/G7UFO\" target=\"_blank\" rel=\"noreferrer noopener\">Neil, G7UFO<\/a> for pointing me to the new Dashboard 2.0 information.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">More soon &#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ever since I started using Node-RED I&#8217;ve been using the standard node-red-dashboard set of user interface (UI) nodes to build my numerous dashboards to enhance my radio hobby and add new functionality to the operating of the station. The series of UI nodes are very simple to use and have served me well however, they &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/m0aws.co.uk\/?p=3494\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Node-RED Dashboard 2.0&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[180,189,184,11,4,178,179,186,135,37,167,299,373],"tags":[],"class_list":["post-3494","post","type-post","status-publish","format-standard","hentry","category-dashboard","category-floweditor","category-flows","category-ftdx10","category-ham-radio","category-javascript","category-nodered","category-nodes","category-opensource","category-programming","category-qo-100","category-sourcecode","category-webservices"],"_links":{"self":[{"href":"https:\/\/m0aws.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/3494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/m0aws.co.uk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/m0aws.co.uk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/m0aws.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/m0aws.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3494"}],"version-history":[{"count":8,"href":"https:\/\/m0aws.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/3494\/revisions"}],"predecessor-version":[{"id":3503,"href":"https:\/\/m0aws.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/3494\/revisions\/3503"}],"wp:attachment":[{"href":"https:\/\/m0aws.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3494"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/m0aws.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3494"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/m0aws.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}