intro.js icon indicating copy to clipboard operation
intro.js copied to clipboard

Extended Sample

Open SebastianStehle opened this issue 2 years ago • 1 comments

Hi,

I am working on a sample to extend your nice library with some features that I need. Perhaps you are interested to add some of the features or the sample: https://github.com/SebastianStehle/solidtest

Features:

  1. Monitor an element, so that when we highlight a dialog and the dialog is closed, we also exit the tour.
  2. Wait for elements, e.g. when the next target element is rendered with a delay.
  3. Wait for text input, e.g. to ask the user to enter some text first.
  4. Hide next and prev button per step.
  5. Show hints per step (WIP, see #1969 )

The idea is to also have some pseudo selectors to define the conditions, e.g. at the moment this is supported:

  • .form-control:has-text
  • .form-control:has-text(500) (Wait 500ms until nothing is entered)
  • .modal-dialog:visible (Perhaps the waitForElement is obsolete).

It is based on timers, as I am not really sure about the mutation observer yet.

SebastianStehle avatar Jul 27 '23 06:07 SebastianStehle

This is amazing @SebastianStehle! Thanks for working on this.

binrysearch avatar Aug 14 '23 19:08 binrysearch