"Toggle" on Reusable Element

[barnetrpc]

Hi there - I have got a Reusable Element that is toggled by button press.

You press the pen icon.

Which opens this:

Then you press the pen icon again and then it disappears.

My problem lies after these three actions have concluded, if I go to open up that same popup - it won’t open up again. Do you have any suggestions?

Here is my workflow for the pen icon:

[rpetribu]

Is this a Popup? Why don`t you use the Show/Hide action to Show or Hide it when you click the pen icon?

[barnetrpc]

Reusable Element, with a Group Focus inside.

[barnetrpc]

Still need help on this.

[ChefThomas]

1. Get rid of the Toggle in the workflow.

2. Make sure your Group Focus has “this element is visible on page load” off

3. Create 2 new workflows for the Pen Icon.
   3.1 “When this icon is pressed” (ONLY WHEN: Group Focus is not visible): Show Group Focus.
   3.2 “When this icon is pressed” (ONLY WHEN: Group Focus is visible): Hide Group Focus

[barnetrpc]

This won’t work as the Group Focus is within the Reusable Element so I can only specify the Reusable Element, not the Group Focus.

[ChefThomas]

so - change my instructions from “Group Focus” to “Reusable Element”

3.1 “When this icon is pressed” (ONLY WHEN: Reusable Element s is not visible): Show Group Focus.
3.2 “When this icon is pressed” (ONLY WHEN: Reusable Element is visible): Hide Group Focus

(that’s what I meant to write originally, anyways )

[robhblake]

Hey @barnetrpc

Did @ChefThomas solution work? If not this would be my approach:

What you need is for the pen icon to be inside the reusable element. Then you have your “on click” event within the reusable element and use the toggle workflow.

However… the “toggle” group focus feature has been notoriously buggy across browsers. So I had to use a workaround (suggested by @steve3 in this thread). You can follow along in the demo here.

Cheers
Rob.

[barnetrpc]

Hi @ChefThomas - thanks for your suggestion but for whatever reason I don’t have “Reusable Element is Visible” in my conditional area.

[barnetrpc]

Hi, just working up your solution now. Wondering what the use of this custom state is for?

edit: Got it working, thanks.

[ChefThomas]

[barnetrpc]

Aha! I see now, thank you.

[robhblake]

Yeah that’s a left over from a different approach I was trying, you can ignore it.