I am new to node red, i have a table displaying some data, based on that data i want to show/hide button. Can someone give a reference for this, thanks.
Hi Vignesh, Welcome to the Forum...
Is enable / disable OK ?
[{"id":"4d6fdccb195db7e7","type":"ui-button","z":"88f6ff7722820a5c","group":"abf699a4e9f05187","name":"","label":"Button","order":0,"width":"3","height":"1","emulateClick":false,"tooltip":"","color":"","bgcolor":"","className":"","icon":"","iconPosition":"left","payload":"","payloadType":"str","topic":"topic","topicType":"msg","buttonColor":"","textColor":"","iconColor":"","enableClick":true,"enablePointerdown":false,"pointerdownPayload":"","pointerdownPayloadType":"str","enablePointerup":false,"pointerupPayload":"","pointerupPayloadType":"str","x":590,"y":380,"wires":[[]]},{"id":"3dfc81ea26b351ae","type":"inject","z":"88f6ff7722820a5c","name":"","props":[{"p":"enabled","v":"true","vt":"bool"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","x":370,"y":360,"wires":[["4d6fdccb195db7e7"]]},{"id":"6180fe0445873706","type":"inject","z":"88f6ff7722820a5c","name":"","props":[{"p":"enabled","v":"false","vt":"bool"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","x":370,"y":420,"wires":[["4d6fdccb195db7e7"]]},{"id":"abf699a4e9f05187","type":"ui-group","name":"Sample","page":"8bf17c6affdbe6ee","width":"12","height":1,"order":1,"showTitle":false,"className":"","visible":"true","disabled":"false","groupType":"default"},{"id":"8bf17c6affdbe6ee","type":"ui-page","name":"Sample","ui":"0aa5ac292a3ec726","path":"/sample","icon":"home","layout":"grid","theme":"11edfaf96d0baec1","breakpoints":[{"name":"Default","px":"0","cols":"3"},{"name":"Tablet","px":"576","cols":"6"},{"name":"Small Desktop","px":"768","cols":"9"},{"name":"Desktop","px":"1024","cols":"12"}],"order":18,"className":"","visible":"true","disabled":"false"},{"id":"0aa5ac292a3ec726","type":"ui-base","name":"DEL MONTE HOSUR","path":"/dashboard","appIcon":"","includeClientData":true,"acceptsClientConfig":["ui-notification","ui-control","ui-form","ui-text-input","ui-number-input","ui-file-input","ui-button","ui-button-group","ui-radio-group","ui-slider","ui-switch","ui-text","ui-table","ui-chart","ui-gauge","ui-markdown","ui-template","ui-tabulator"],"showPathInSidebar":true,"headerContent":"dashboard","navigationStyle":"temporary","titleBarStyle":"fixed","showReconnectNotification":true,"notificationDisplayTime":"1","showDisconnectNotification":true,"allowInstall":true},{"id":"11edfaf96d0baec1","type":"ui-theme","name":"Dark1","colors":{"surface":"#424242","primary":"#0094ce","bgPage":"#424242","groupBg":"#424242","groupOutline":"#424242"},"sizes":{"density":"default","pagePadding":"2px","groupGap":"6px","groupBorderRadius":"4px","widgetGap":"10px"}}]
you could easily hide/unhide the group in which the button is present easily.
hiding a specific widget in a group may be little difficult. check here
[{"id":"4d6fdccb195db7e7","type":"ui-button","z":"88f6ff7722820a5c","group":"abf699a4e9f05187","name":"","label":"Button","order":0,"width":"3","height":"1","emulateClick":false,"tooltip":"","color":"","bgcolor":"","className":"","icon":"","iconPosition":"left","payload":"","payloadType":"str","topic":"topic","topicType":"msg","buttonColor":"","textColor":"","iconColor":"","enableClick":true,"enablePointerdown":false,"pointerdownPayload":"","pointerdownPayloadType":"str","enablePointerup":false,"pointerupPayload":"","pointerupPayloadType":"str","x":590,"y":380,"wires":[[]]},{"id":"3dfc81ea26b351ae","type":"inject","z":"88f6ff7722820a5c","name":"","props":[{"p":"enabled","v":"true","vt":"bool"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","x":370,"y":360,"wires":[["4d6fdccb195db7e7"]]},{"id":"6180fe0445873706","type":"inject","z":"88f6ff7722820a5c","name":"","props":[{"p":"enabled","v":"false","vt":"bool"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","x":370,"y":420,"wires":[["4d6fdccb195db7e7"]]},{"id":"13d854628ffec02f","type":"ui-template","z":"88f6ff7722820a5c","ui":"0aa5ac292a3ec726","name":"","order":0,"width":0,"height":0,"head":"","format":".nrdb-ui-button .v-btn--disabled {\n display: none;\n}","storeOutMessages":true,"passthru":true,"resendOnRefresh":true,"templateScope":"site:style","className":"","x":360,"y":460,"wires":[[]]},{"id":"abf699a4e9f05187","type":"ui-group","name":"Sample","page":"8bf17c6affdbe6ee","width":"12","height":1,"order":1,"showTitle":false,"className":"","visible":"true","disabled":"false","groupType":"default"},{"id":"0aa5ac292a3ec726","type":"ui-base","name":"DEL MONTE HOSUR","path":"/dashboard","appIcon":"","includeClientData":true,"acceptsClientConfig":["ui-notification","ui-control","ui-form","ui-text-input","ui-number-input","ui-file-input","ui-button","ui-button-group","ui-radio-group","ui-slider","ui-switch","ui-text","ui-table","ui-chart","ui-gauge","ui-markdown","ui-template","ui-tabulator"],"showPathInSidebar":true,"headerContent":"dashboard","navigationStyle":"temporary","titleBarStyle":"fixed","showReconnectNotification":true,"notificationDisplayTime":"1","showDisconnectNotification":true,"allowInstall":true},{"id":"8bf17c6affdbe6ee","type":"ui-page","name":"Sample","ui":"0aa5ac292a3ec726","path":"/sample","icon":"home","layout":"grid","theme":"11edfaf96d0baec1","breakpoints":[{"name":"Default","px":"0","cols":"3"},{"name":"Tablet","px":"576","cols":"6"},{"name":"Small Desktop","px":"768","cols":"9"},{"name":"Desktop","px":"1024","cols":"12"}],"order":18,"className":"","visible":"true","disabled":"false"},{"id":"11edfaf96d0baec1","type":"ui-theme","name":"Dark1","colors":{"surface":"#424242","primary":"#0094ce","bgPage":"#424242","groupBg":"#424242","groupOutline":"#424242"},"sizes":{"density":"default","pagePadding":"2px","groupGap":"6px","groupBorderRadius":"4px","widgetGap":"10px"}}]
Thanks a lot , it worked for me , I managed to do hiding the group and assigning the button to it.
1 Like
glad it helped, @hotNipi solution also works to hide only the button in a group.
