node-red / node-red-dashboard

A dashboard UI for Node-RED
Other
1.3k stars 450 forks source link

Node-RED Dashboard not displaying button #790

Open BCI1999 opened 1 year ago

BCI1999 commented 1 year ago

What are the steps to reproduce?

Try to use a button on the node-red dashboard

What happens?

The button displays in the node-red environment, all seems to work correctly but when opening the dashboard the button does not show up.

What do you expect to happen?

The button should show up under the correct tab and group on the dasbhoard.

Please tell us about your environment:

dceejay commented 1 year ago

Can you share your minimal flow that shows this behaviour ?

BCI1999 commented 1 year ago

Can you share your minimal flow that shows this behaviour ?

Thanks for the reply! I added some screenshots that show the behaviour, with minimal code. Node-RED flow and dashboard layout: image Dashboard itself: image

dceejay commented 1 year ago

Can you try this simple flow ?

[{"id":"75713bf29e5c2d1e","type":"tab","label":"Flow 1","disabled":false,"info":"","env":[]},{"id":"d69061d109f59d5d","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false},{"id":"bec1be73496b90c3","type":"ui_base","theme":{"name":"theme-light","lightTheme":{"default":"#0094CE","baseColor":"#0094CE","baseFont":"-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif","edited":false},"darkTheme":{"default":"#097479","baseColor":"#097479","baseFont":"-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif","edited":false},"customTheme":{"name":"Untitled Theme 1","default":"#4B7930","baseColor":"#4B7930","baseFont":"-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif"},"themeState":{"base-color":{"default":"#0094CE","value":"#0094CE","edited":false},"page-titlebar-backgroundColor":{"value":"#0094CE","edited":false},"page-backgroundColor":{"value":"#fafafa","edited":false},"page-sidebar-backgroundColor":{"value":"#ffffff","edited":false},"group-textColor":{"value":"#1bbfff","edited":false},"group-borderColor":{"value":"#ffffff","edited":false},"group-backgroundColor":{"value":"#ffffff","edited":false},"widget-textColor":{"value":"#111111","edited":false},"widget-backgroundColor":{"value":"#0094ce","edited":false},"widget-borderColor":{"value":"#ffffff","edited":false},"base-font":{"value":"-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif"}},"angularTheme":{"primary":"indigo","accents":"blue","warn":"red","background":"grey","palette":"light"}},"site":{"name":"Node-RED Dashboard","hideToolbar":"false","allowSwipe":"false","lockMenu":"false","allowTempTheme":"true","dateFormat":"DD/MM/YYYY","sizes":{"sx":48,"sy":48,"gx":6,"gy":6,"cx":6,"cy":6,"px":0,"py":0}}},{"id":"bfc8f585ef20abfe","type":"ui_group","name":"Default","tab":"d69061d109f59d5d","order":1,"disp":true,"width":"6","collapse":false,"className":""},{"id":"75d7fd4c72d02cc2","type":"ui_button","z":"75713bf29e5c2d1e","name":"","group":"bfc8f585ef20abfe","order":0,"width":0,"height":0,"passthru":false,"label":"button","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"","payloadType":"str","topic":"topic","topicType":"msg","x":200,"y":135,"wires":[[]]}]

should be the same as yours but works for me...

BCI1999 commented 1 year ago

Thanks! Just imported your flow, disabled all other flows to try and have a fresh start, and nothing's showing up at all on the dashboard still...

Edit: restarted node-red and now it's working correctly, going to see if my other flows work Edit2: the buttons in my other flows were not showing up, disabled them and tried to run your code again and now that one's not working anymore either...

dceejay commented 1 year ago

sorry - not understanding by what you mean by disabling the flows ? If you disable the flow then indeed the buton won't exist as it is hidden from the flow.

BCI1999 commented 1 year ago

sorry - not understanding by what you mean by disabling the flows ? If you disable the flow then indeed the buton won't exist as it is hidden from the flow.

Had to be more clear my bad. I meant disable all other flows I have, only leaving that specific one enabled.

dceejay commented 1 year ago

I suspect that the ui-base config node is also being disabled.