How to close on content click

  • Hello,

    I’m creating a website to be shown on a specific touch-only device (no mouse used on it).

    Is there a way to close the popup by tapping on the content itself, rather than relying only on the background click?

    My popup appears when the devices’ screen doesn’t have activity for a period of time (for testing purposes, it will appear after 3 seconds now). I added a video to the section’s background, and that’s what will be displayed until someone touches the screen again.

    I have two solution for this, but I can’t achieve the objective by myself:

    • When someone touches the screen, the popup disappears (even if they touch the content/video);
    • or adding two icons on each side of the popup content (where the close area is) so people know they have to touch that part of the screen.

    Since the entire website is built using mobile modules, I kindly request that you evaluate it from a mobile perspective, not as a desktop site.

    (Can you please let me know how I can send you the website’s url privately? It’s still under development, so I’m not comfortable sharing it publicly yet)

Viewing 2 replies - 1 through 2 (of 2 total)
  • zemog

    (@zemog)

    I’ve built a popup icon menu for my website, and I had to find a way to close the popup when clicking any button on the popup. I found an answer by reviewing the code: just add the class “close” to the component /module that you want to close the popup when clicked.

    This is done in the Module Settings->Advanced->CSS ID & Classes->CSS Class

    TBH I’m not sure if it works for all components, but it does work even when used in a text component with no URLs assigned to it.

    Hope this helps.
    Regards

    • This reply was modified 2 months ago by zemog. Reason: Fixed typo
    Thread Starter franciscarehbein

    (@franciscarehbein)

    Thank you so much! It worked ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.