search

benmarch / angular-ui-tour

Product tour using Angular UI Bootstrap Tooltips
163 stars 49 forks source link

Second step in multipage tour cannot be seen #133

Closed burakkilic closed 7 years ago

burakkilic commented 7 years ago

I am using the exact versions of the following:

I have installed this library via: (NPM, Bower, or downloaded package) Bower I have observed the following behavior:

I tried to apply Multi-page Tour tutorial. This is how I expected it to behave: The second step cannot be seen.

Here is my tour config, and all related step configs:

var tourConfig = {};
<body ui-tour ui-tour-backdrop="true" ui-tour-useUiRouter="true" class="page-header-fixed page-sidebar-closed-hide-logo page-container-bg-solid page-sidebar-closed-hide-logo"  ng-class="{'page-sidebar-closed': settings.layout.pageSidebarClosed}">
<div id="stepTwo" class="portlet light"  tour-step="stepTwo" tour-step-title="{{'Welcome!' | translate }}" tour-step-content="Let's create your first menu together! Now please click Menu Management."  tour-step-placement="right" tour-step-on-prev="navigateToAndWaitFor(tour, 'shops.dashboard', 'stepOne')" tour-step-order="1">

I'm getting Possibly unhandled rejection: No step error from console.

benmarch commented 7 years ago

Hey @burakkilic, can you paste in your implementation of navigateToAndWaitFor()?

burakkilic commented 7 years ago

Hello again,

I realized that DOM is not loaded. I solved that with 1-2 sec timeout.