Modals don't work when using this popover tutorial

[phillyp]

Modals don't work when using this popover tutorial

[clu3]

Hi @phillyp , you mean when there's already another popover on the page, the backdrop (modal) doesn't work? If it is the case, you can change the zIndex of the modal backdrop. Currently it is set to 1. (line 18, file bootstro.css)

I guess I should make it an optional parameter for bootstro as well when initializing the backdrop, in this line
$('

').appendTo('body');
in bootstro.js
Could you please do me a pull if you've made it? Many thanks

[phillyp]

@clu3 nah it's basically when you're using both your popover tutorial and a modal, the modal comes in but disappears immediately.

Here's an example of what I'm talking about - click "Take a tour" (does the popover tutorial) - but then the videos don't work.
http://iportservices.com/wellclubtest/docs/dashboard3popover.html

I got a JSFiddle started but couldn't get the popover tutorial working there for some reason:
http://jsfiddle.net/phillyp/HtxJd/26/

By the way - great work - this is exactly what I needed. If I get a fix for it I'd love to contribute.

[phillyp]

And actually if you could get the JSFiddle to go through the popover tutorial I know a few guys that could help us out if we get stuck. Cheers.

[clu3]

@phillyp had a quick look, 2 problems with your code

1. You use $ & bootstro before jquery is included. Pls either put js src files at the top of the files or the js code at the bottom, after jquery , The latter is prefered
2. Those lines are probably not needed if you only trigger the intro via a click button

<!--Boostro Introduction popover walkthrough -->
<script type='text/javascript'>
$(document).ready(function(){
        bootstro.start(demo, options);
      });
</script>

[clu3]

I removed the following js bits in your fiddle and the code works fine

/* Boostro Introduction popover walkthrough */
$(this).ready(function(){
bootstro.start(demo);
});
Working version : http://jsfiddle.net/HtxJd/28/

[phillyp]

Awesome! Thanks a million and again - great work.

For any others that run into this issue, make sure to remove bootstrap-modal.js too.

[clu3]

@phillyp my pleasure. Thanks for ur complement