# Show/Hide Using ui-control Issues

**URL:** https://discourse.nodered.org/t/show-hide-using-ui-control-issues/96483
**Category:** Dashboard
**Tags:** dashboard-2
**Created:** [9 April 2025 00:06 UTC](https://discourse.nodered.org/t/show-hide-using-ui-control-issues/96483 "2025-04-09T00:06:57Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![mitty45](https://avatars.discourse-cdn.com/v4/letter/m/df788c/32.png) [@mitty45](https://discourse.nodered.org/u/mitty45)
#### Post date: [9 April 2025 00:06 UTC](https://discourse.nodered.org/t/show-hide-using-ui-control-issues/96483/1 "2025-04-09T00:06:58Z")

</div>

Hi all,

I have created several different dashboards (both v1 and v2) using the ui-control node to show/hide certain pages and groups or to redirect the user to a particular page with no issues. The syntax obviously changed slightly between dashboard v1 and v2 but everything was working. Today I looked at one of my dashboards and no matter what I did, the ui-control node would not properly show/hide certain pages and groups and wouldn't redirect to different pages. I took the flow and recreated it on a separate, isolated instance and had no issues being able to show/hide or redirect. I connected debug nodes and see no errors. I tried on multiple browsers but still the issue persists. I cleared browser cache and checked for any console errors (there were none). I feel quite dumb as I stated this was working before. Is there something I am missing? Any help would be appreciated.

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [9 April 2025 07:49 UTC](https://discourse.nodered.org/t/show-hide-using-ui-control-issues/96483/2 "2025-04-09T07:49:53Z")

</div>

Is it D1 or D2 that is failing?

---

<div class="post-metadata">

### Author: ![mitty45](https://avatars.discourse-cdn.com/v4/letter/m/df788c/32.png) [@mitty45](https://discourse.nodered.org/u/mitty45)
#### Post date: [9 April 2025 16:16 UTC](https://discourse.nodered.org/t/show-hide-using-ui-control-issues/96483/3 "2025-04-09T16:16:23Z")

</div>

D2 is the one failing.

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [9 April 2025 16:18 UTC](https://discourse.nodered.org/t/show-hide-using-ui-control-issues/96483/4 "2025-04-09T16:18:35Z")

</div>

Add a debug node showing what you are sending to the ui-control node and post what it shows for a failing operation.

---

<div class="post-metadata">

### Author: ![mitty45](https://avatars.discourse-cdn.com/v4/letter/m/df788c/32.png) [@mitty45](https://discourse.nodered.org/u/mitty45)
#### Post date: [9 April 2025 16:40 UTC](https://discourse.nodered.org/t/show-hide-using-ui-control-issues/96483/5 "2025-04-09T16:40:46Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/1/21c7a23f1d4cf88b9aff7877b244783953784dbd.png)

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [9 April 2025 17:01 UTC](https://discourse.nodered.org/t/show-hide-using-ui-control-issues/96483/6 "2025-04-09T17:01:26Z")

</div>

Show and hide has been improved in the new v1.23.0 released today.

docs: [Control ui-control | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/nodes/widgets/ui-control.html#show-hide)

So now you can do:

```auto
msg.payload = {
    groups: {
        show: [
           'abcd1234', // ID of group to show
        ],
        hide: [
           'efgh5678', // ID of group to hide
           'wxyz9876', // ID of group to hide
        ]
    }
}

```

The advantage of using IDs is if you change the name of the page or group, the ID remains the same.

To get the ID of a group, use the `i` info panel on the right hand sidebar

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/3/836dd03e41eb2b937e194f6c8178294df2234628.png)

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [9 April 2025 20:55 UTC](https://discourse.nodered.org/t/show-hide-using-ui-control-issues/96483/7 "2025-04-09T20:55:13Z")

</div>

You didn't tell us, but I am guessing that it stopped working when you changed the group names and added in colons.

> <https://github.com/FlowFuse/node-red-dashboard/issues/1550>
>
> \### Current Behavior
> 
> I am injection the following JSON into a ui-control:
> \`\`\`
> …
> {
> "groups": {
> "hide": \[
> "MyPage:My: Second Group"
> \]
> }
> }
> \`\`\`
> This throws an error:
> \`\`\`
> No item with the name 'My' found
> \`\`\`
> Tried different escape methods like quotes and backslash for the colon in my group name, but nothing worked.
> 
> \### Expected Behavior
> 
> Group name with a colon should be processed correctly.
> 
> \### Steps To Reproduce
> 
> Create a group with a colon in its name and try to show/hide it via ui-control.
> 
> \### Environment
> 
> \_No response\_
> 
> \### Have you provided an initial effort estimate for this issue?
> 
> I am not a FlowFuse team member

That has also been fixed in the most recent release, I believe.

---

<div class="post-metadata">

### Author: ![mitty45](https://avatars.discourse-cdn.com/v4/letter/m/df788c/32.png) [@mitty45](https://discourse.nodered.org/u/mitty45)
#### Post date: [9 April 2025 21:45 UTC](https://discourse.nodered.org/t/show-hide-using-ui-control-issues/96483/8 "2025-04-09T21:45:34Z")

</div>

I found the mistake and corrected the issue. Thanks for the assistance.

---

<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: [23 April 2025 21:45 UTC](https://discourse.nodered.org/t/show-hide-using-ui-control-issues/96483/9 "2025-04-23T21:45:53Z")

</div>

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