node-red-dashboard
node-red-dashboard copied to clipboard
Show / hide widgets (finer granularity than on group level)
Description
Using UI Control, it is possible to dynamically show and hide groups or pages. If you only want to show or hide a text field dynamically, you have to wrap it in its own group, which not only makes it look bloated, but also forces it to be torn out of the logical order of the intended arrangement. Suggestion: can a widget such as a text, text input, dropdown, etc. also be shown and hidden with UI Control?
Have you provided an initial effort estimate for this issue?
I am no FlowFuse team member
I second this. Discussion: https://discourse.nodered.org/t/single-widgets-visibility/89689
Is there an argument for using msg.visible
for this, in the same way as msg.enable
enables/disables a node?
I too would like to support this. I am working on using the dashboards productively and this would elevate the possibilities whilst keeping the design. Discussion: https://discourse.nodered.org/t/single-widgets-visibility/89689
@NorbNorb: a short note to everyone who stumbles over this, the discussion on https://discourse.nodered.org/t/single-widgets-visibility/89689about and the introductory comment "wrap it in its own group, which not only makes it look bloated".
You may use a "template" node with the following content:
.no-vcard-title .v-card-item {
display: none;
}
.no-vcard-title .v-card {
padding: 16px 0px 0px 0px;
}
This should be configured as "Type: CSS (All Pages)" and linked to the UI where you want to use it. Then open the Dashboard sidebar, edit the group's where you want to apply it and add "no-vcard-title" to the "Class" field. Now save it and you'll be set without things being too bloated.
Nevertheless, I'd love to be able to dynamically hide UI elements out of the box.
Another request for this: https://discourse.nodered.org/t/how-to-programmatically-hide-a-specific-button-in-a-group-widget-in-node-red-dashboard/92758/2
Have increased priority given the attention this has had