I found the following example in the official documentation of Dashboard 2, which can be applied to Dashboard 2 but not to Dashboard 1. <template> <Teleport v-if="mounted" to="#app-bar-title"> <v-btn>Button 1</v-btn> <v-btn>Button 2</v-btn> </Teleport> </template> <script> …

You cannot really modify the code as Dashboard 2 uses VUE and Dashboard 1 uses Angular. However you can use the forum search option with some text like - "How to add buttons or text elements to the topbar of dashboard" and find many posts on the subject.

I see, finally I understand why there is such a big difference between the two. Thank you for your reminder.

Node-RED

Node-RED Forum

How to add buttons or text elements to the topbar of dashboard 1?

Dashboard

SXlaowang 19 November 2025 13:33 5

I found this, and it happens to be able to solve the problem.

Topic		Replies	Views
Button in TopBar Dashboard	61	10083	7 September 2021
Navigation Button on Tab Titlebar General node-red-dashboard	5	136	29 October 2024
Add content to the left hand side of the top bar Dashboard dashboard-2	4	410	20 April 2024
Buttons in Header? Dashboard dashboard-2	5	205	30 May 2025
Dashboard Top bar icon and status indicator and home button Dashboard	0	245	9 December 2023

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

How to add buttons or text elements to the topbar of dashboard 1?

Related topics