search

IGreatlyDislikeJavascript / bootstrap-tourist

Quick and easy way to build your product tours with Bootstrap Popovers for Bootstrap 3 and 4. Based on Bootstrap-Tour, but with many fixes and features added.
63 stars 36 forks source link

[Feature request] Ability to highlight multiple elements at once #48

Open codemunkie15 opened 4 years ago

codemunkie15 commented 4 years ago

I have a bootstrap grid and I want to highlight two of the three columns for a tour step. I tried to give the columns a common class and use that as the element but the tour step appeared twice, one for each column. I also tried to wrap the two columns in a div and give that an id to use but that breaks the bootstrap grid.

Is this possible to implement? Maybe a separate selector for the highlight?

Thanks

IGreatlyDislikeJavascript commented 4 years ago

Yes, you can implement this (incidentally with the same solution as for your other report). I'm a little pressed for time, but have a look at backdropOptions.animation per-step options in the documentation.

Overriding these options and providing your own function allows you to position the highlight yourself, instead of Tourist doing it. These options are really intended for animation, but as they completely override all transition and positioning (hence the requirement to call step.fnPositionHighlight();), you can use them for anything.

If you have trouble implementing it, or if you'd like this as a formal feature (I think it's an edge case though), please let me know.