How to Hide Group Focus

recker249 · 2025-02-03T22:01:48.631Z

I have many Group Focuses for my top menu on the same page of my app at the same position. When I click a button, it doesn’t hide the previous group focus. That group focus still shows as well as the new group focus. I have looked through the forums but apparently the “toggle” action no longer is able to hide a group focus. Is there any other work arounds?

Group Focus doesn’t hide

yannandco · 2025-02-04T01:04:49.469Z

hide an element works well

recker249 · 2025-02-04T01:24:03.138Z

Nope, that doesn’t work with a group focus.

hanan1 · 2025-02-04T04:25:35.173Z

will it be a problem to make the group focus appear on hover instead of click? for that you can easily do this with the mouse interactions plugin. here is an example.

recker249 · 2025-02-04T12:13:59.415Z

Hmmmm… That’s definitely a problem. I want them to appear on click.

NoCodePhill · 2025-02-04T12:22:46.702Z

It absolutely does. Need to see your workflow for hiding/showing each group focus’

gloriaui · 2025-02-04T12:31:07.857Z

recker249:

Hmmmm… That’s definitely a problem. I want them to appear on click.

Have you tried adding conditionals to your focus group or workflow?

Example: if a focus group is open, when clicking on another item to open another focus group, check the conditional if there are any focus groups with a different name and set the hide action.

If you can share a screenshot of how you are showing/hiding the focus groups, it will be easier to try to help!

recker249 · 2025-02-04T13:00:09.092Z

Screenshot 2025-02-04 at 7.59.08 AM1763×678 80.7 KB

recker249 · 2025-02-04T13:03:35.066Z

With the “hide” action, it doesn’t hide the groupfocus. But the “show” action shows the group focuses. So the screen is left with 3 or 4 group focuses because the “hide” action doesn’t appear to be working properly.

recker249 · 2025-02-04T13:17:21.043Z

Here’s another example.

Screenshot 2025-02-04 at 8.16.47 AM1700×626 67.6 KB

gloriaui · 2025-02-04T13:26:41.653Z

What conditional is in steps 3 and 4?

hanan1 · 2025-02-04T13:28:35.933Z

there is a way but it a little clunky since it requires 2 workflows/menu. You can add a text custom state to the page and every time a menu is clicked, the custom state is set to that menu, then use do when condition is true to show a menu everytime it equals the page’s custom state. like this:
ezgif.com-video-to-gif-converter

recker249 · 2025-02-04T13:59:32.305Z

Show only when value of a state.

Would you like Viewing access?

Screenshot 2025-02-04 at 8.54.26 AM1691×521 80.3 KB

recker249 · 2025-02-04T14:19:46.231Z

That’s what I’ve been doing. I’m using custom states for my group focus. It’s just not hiding the group focus, even when using the “hide” action.

recker249 · 2025-02-04T14:24:08.372Z

Okay I think I may know what you are talking about. So when using the custom state, you don’t need a hide action, as long as it matches the value of the custom state it should show, if it doesn’t match the value, it won’t show. Gotcha, I will implement it and get back to you.

recker249 · 2025-02-04T17:25:33.310Z

Thank you everyone for helping me. I managed to find a a better way. Instead of separating the sub menu’s into different group focuses, I nested all the sub-menu’s into one group focus. So now all the other sub-menu’s are regular groups in a single Group Focus. The Submenu’s respond to “show/hide” action and using custom states value for visibility (because they are regular groups).

system · 2025-04-14T22:01:50.142Z

This topic was automatically closed after 70 days. New replies are no longer allowed.