Guided tours with bootstro.js

[Theadd]

As said, here it is. But first, let me explain why I had to modify some parts of the original bootstro.js to work with your bootstrap theme (original demo here):

• bootstro-backdrop (dark overlay) was not working as expected, neither the highlighted overlay. I tried to fix it but since it was totally useless to me cos I didn't want to block all that wasn't highlighted, I get rid of it. So no dark overlay, just a popup with instructions.
• Popups were cut by the sidebar when part of it needed to get part of the sidebar to be displayed.
• Popups could not be created if the elements did not exist or were not visible. So there was no way to create a popup for an item inside a dropdown (like the ones from sidebar) and neither for dynamic content, like your ajax loaded pages.
• And some other small things.

The most desirable way to incorporate bootstro.js would be including the original bootstro.js and extend it with a new custom class adapted for your theme but I didn't. Anyway, most of it would have been rewritten.

So I forked bootstro.js here (read readme.md for docs and list of changes).

I've also forked your theme here adding an ugly sample of the modified bootstro.js

Which you can test it here (last item on sidebar). Also, a operating guided tour at TorrentzRSS (ctrl+f5 just in case).

And here the list of changes I've made to add bootstro.js to your theme. They're explained inline and in bootstro.js docs (from fork).

So, if you finally decide to add bootstro.js in devoops theme, the correct choice would be the original one, but it won't work in most cases.

NOTE: Among the different ways of using bootstro.js, I've only tested my changes when creating a guided tour from a json array of elements, as in here. Not tested when creating it from inline html data attributes.

Implementing bootstro.js was not so easy than growl alerts =D

[Roba1993]

Really nice work. I would like to see your bootstro.js implemented in this theme.

[devoopsme]

Not may guaranteed then add bootstro.js in our theme (theme is simple, and guided tour not required). But you TorrentzRSS really nice work. Respect.