node-red-dashboard icon indicating copy to clipboard operation
node-red-dashboard copied to clipboard

Show / hide widgets (finer granularity than on group level)

Open NorbNorb opened this issue 11 months ago • 4 comments

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

NorbNorb avatar Mar 27 '24 20:03 NorbNorb

I second this. Discussion: https://discourse.nodered.org/t/single-widgets-visibility/89689

liulysk avatar Jul 23 '24 07:07 liulysk

Is there an argument for using msg.visible for this, in the same way as msg.enable enables/disables a node?

colinl avatar Jul 23 '24 20:07 colinl

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

IShouldTryAgain avatar Jul 28 '24 21:07 IShouldTryAgain

@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.

GuentherMair avatar Aug 28 '24 12:08 GuentherMair

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

joepavitt avatar Oct 29 '24 10:10 joepavitt

Have increased priority given the attention this has had

joepavitt avatar Oct 29 '24 10:10 joepavitt