How to dynamically open/close popover/tooltip - for product tours

Wappler General How To
#1

Hi, I’m looking to create a product tour using popovers and tooltips and was wondering how to open and close them without the user having to click/hover/focus on the specific elements. Is there a way to have their opening/closing as a dynamic event?

Here’s what I’m trying to do:

  1. On app load: open popover #1
  2. User clicks on popover #1: close popover #1 and open popover #2 (and scroll down to where popover #2 is on the page)
  3. User clicks on popover #2: close popover #2

Thanks!

#2

Anyone has made a product tour before? How did you do it?

#3

I haven’t but it might be worth looking at this thread where some suggestions were made. This looked like a good option for example.