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?
hide an element works well
Nope, that doesn’t work with a group focus.
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.
Hmmmm… That’s definitely a problem. I want them to appear on click.
It absolutely does. Need to see your workflow for hiding/showing each group focus’
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!
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.
What conditional is in steps 3 and 4?
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:
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.
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.
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).