Multiple UI pages


Node Red is simply awesome. Been work with it and very impressed.
I did run into a problem and not sure where to search.
Here is what we are looking to do:

  1. UI Page 1: We want a UI Page where users can enter names into some TEXT Inputs
    On this UI Page, only the User Input fields are visible.

  2. UI Page 2:This page would show the Buttons with the Labels as the Users Input on Page 1

We have updated the button label with the {{msg.payload}} and the update label works.

However we would like to have the UI pages ‘separate’ so
Page 1 = USER INPUTS ( via text inputs)
Page 2 = Buttons

ANy hing would be appreciated.



This can certainly be done with Dashboard.

Just note that you are not really getting separate pages, rather tabs that look like pages. So all tabs are loaded into the client at load time.

This doesn’t generally matter unless your Dashboard output is relatively complex.

As an alternative, you can use something like node-red-contrib-uibuilder which does let you build many separate pages at the cost of you having to do more of the work in building the ui.



Thank you. I got up to speed on GROUPS and TABS. THen I was able to do what we wanted.
This video clarified it. Hope it will help others

1 Like