I am trying to use pageguide with angular material design. I trying to use $.pageguide('open') in my script i am able to see all the number tags on the screen but not the bottom section "pageGuideMessage". It is not opening up if I trigger the $.pageguide('open') through the script.

It works perfectly fine on a button click.

Any help on this would be appreciated.

thanks

if you click button [try it ], the div > id pageGuideMessage will display :none;

This is error!

On my web page, the scrolling arrow
pageguide_arrow.png
is not loading at the bottom
What could be the issue ?

you must add in js/jquery.pageguide.js:

wrapper.css("z-index","999999999");
toggle.css("z-index","999999999");
message.css("z-index","999999999");
shadow.css("z-index","999999999");

OR modify css/pageguide.css

pageGuideWrapper #pageGuideMessage {

......
........
/* z-index: 1001;*/
z-index: 999999999;

}

OR add #pageGuideWrapper div{z-index:99999999}

Any chance you could set this up with bower?

I have a large DIV that is greater height than most computer monitors (which is okay). My problem is however, I have a guide step on this and when I click the "next Arrow" it highlights this DIV as it should, but it scrolls to the bottom of the DIV - which doesn't make sense. I need to it scroll to the top of each DIV, not the bottom.

Is this possible? I tried modifying the js - but to no luck.

Please help! AMAZING re-work BTW! :)

It's helpful and nice to have when somebody's stepping through a tour/guider to have the total amount of steps to see how many more until completion. simple gaming mechanics to increase usage. Thinking having the number on the bottom description tab.

Thoughts?