This is what I did for a real fast and sloppy solution:
- Add a div block to your “Pop_up_Contain” Symbol
- Position this div block absolute:topright:
And change the cursor to pointer for that div while you’re at it (so users see that they can click):
- Add a text element and some text and place it in the new div (e.g. “close”, “x” whatever, you could add an icon instead of a text element too):
- Select your new div block containing your text or whatever element you’ve chosen and add an interaction. Your element trigger needs to be “Mouse click (tap)”. Add a new interaction and select your “Pop_up_Contain” Symbol. Add a new action for your interaction (“Hide/Show”) and set the Hide/Show to Display:hidden
Now users are able to close your popup by clicking on the div.
In theory, you could add the same interaction to your “submit button”. I’ve tried that as well but it results in the popup disappearing immediately after pressing submit (no success message is shown and it disappears when there have been errors too). So that’s not going to be a good user experience. Unfortunately, I’ve never used forms so far and don’t know much about how they function. Hopefully, someone else is able to jump in here to help.