Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Node-RED Dashboard not displaying button #790

Open
6 tasks
BCI1999 opened this issue Dec 14, 2022 · 7 comments
Open
6 tasks

Node-RED Dashboard not displaying button #790

BCI1999 opened this issue Dec 14, 2022 · 7 comments

Comments

@BCI1999
Copy link

BCI1999 commented Dec 14, 2022

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:

  • Node-RED-Dashboard version: 3.2.3
  • Node-RED version: 3.0.2
  • node.js version: v18.12.1
  • npm version:
  • Platform/OS: Windows 10 64bit
  • Browser: Firefox (same on any browser)
@dceejay
Copy link
Member

dceejay commented Dec 14, 2022

Can you share your minimal flow that shows this behaviour ?

@BCI1999
Copy link
Author

BCI1999 commented Dec 14, 2022

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
Copy link
Member

dceejay commented Dec 14, 2022

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
Copy link
Author

BCI1999 commented Dec 14, 2022

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
Copy link
Member

dceejay commented Dec 14, 2022

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
Copy link
Author

BCI1999 commented Dec 14, 2022

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
Copy link
Member

dceejay commented Dec 14, 2022

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants