0

I have tried lot to work with multipage tour, but it does not working for second or third page. No tour is displayed on second page. I have followed links to setup multipage tour:

https://linkedinattic.github.io/hopscotch/multipage1.html Hopscotch multipage tour does not work

On first page, I have 6 steps and on second page, I have 2 steps. I have setup the steps as follows:

    steps = [
    {
        target: '#ele1',
        title: 'Welcome',
        content: 'Welcome to Tour', 
        placement: 'top'
    },
    {
        target: '#quicktool_menu_button',
        title: 'Quick tools',
        content: 'With this, you can quickly select menu and perform action.',
        placement: 'bottom'
    },
    {
        target: '#topNavSearchButton',
        title: 'Global Search',
        content: 'With this, you can quickly search for detailed information of active contact.',
        placement: 'bottom'
    }, 
    {...}, {...}, 
    {
        target: '#elem6',
        title: 'Element 6',
        content: 'With this, you can quickly search for detailed information of active contact for this agency.',
        placement: 'bottom',
        multipage: true,
        onNext: function () {  
           window.location = 'secondpage.php';
        }, 
        {
           target: '#second-page-elem',
           placement: 'top',
           title: 'Welcome to second page',
           content: 'Welcome to second page'    
        }
    ];

Any help will be highly appreciated.

Ishpreet
  • 659
  • 5
  • 19

0 Answers0