# Hiding ui-buttons, ui-switch and ui-slider with ui-control - How?

**URL:** <https://discourse.nodered.org/t/hiding-ui-buttons-ui-switch-and-ui-slider-with-ui-control-how/33630>\
**Category:** Dashboard\
**Created:** [1 October 2020 14:58 UTC](https://discourse.nodered.org/t/hiding-ui-buttons-ui-switch-and-ui-slider-with-ui-control-how/33630 "2020-10-01T14:58:55Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Boja](https://avatars.discourse-cdn.com/v4/letter/b/3be4f8/32.png) [@Boja](https://discourse.nodered.org/u/Boja)\
**Post date:** [1 October 2020 14:58 UTC](https://discourse.nodered.org/t/hiding-ui-buttons-ui-switch-and-ui-slider-with-ui-control-how/33630/1 "2020-10-01T14:58:55Z")

</div>

Hiding and showing tabs and groups works fine, but I can't figure out how it's done to ui-buttons, ui-switchs and ui-sliders.

Anyone with some advice ?

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [1 October 2020 15:05 UTC](https://discourse.nodered.org/t/hiding-ui-buttons-ui-switch-and-ui-slider-with-ui-control-how/33630/2 "2020-10-01T15:05:02Z")

</div>

You don't - you can disable them (grey out) - but not hide... you add them to a group then hide that.

(Well you probably can if you dig into enough css but it's not built in functionality.)

---

<div class="post-metadata">

**Author:** ![Boja](https://avatars.discourse-cdn.com/v4/letter/b/3be4f8/32.png) [@Boja](https://discourse.nodered.org/u/Boja)\
**Post date:** [1 October 2020 16:07 UTC](https://discourse.nodered.org/t/hiding-ui-buttons-ui-switch-and-ui-slider-with-ui-control-how/33630/3 "2020-10-01T16:07:14Z")

</div>

So you can disable them via the ui-control ?. If so how do I address them ?

---

<div class="post-metadata">

**Author:** ![N.Mate](https://avatars.discourse-cdn.com/v4/letter/n/a5b964/32.png) [@N.Mate](https://discourse.nodered.org/u/N.Mate)\
**Post date:** [5 October 2020 15:36 UTC](https://discourse.nodered.org/t/hiding-ui-buttons-ui-switch-and-ui-slider-with-ui-control-how/33630/4 "2020-10-05T15:36:21Z")

</div>

Hello,

Hide:  
inject msg.enabled = false and msg.background = "transparent" (Do not forget set background property on button to {{background}})

Show:  
inject msg.enabled = true and msg.background = "red" (Do not forget set background property on button to {{background}})

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [4 November 2020 15:36 UTC](https://discourse.nodered.org/t/hiding-ui-buttons-ui-switch-and-ui-slider-with-ui-control-how/33630/5 "2020-11-04T15:36:22Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.