Customize tripBlockHTML for each step?

[olso]

function configureOnboarding() {
    var options = {
        overlayHolder: '#accountsView',
        tripTheme: 'white'
    };

    var steps = [
        // Add first account
        {
            sel: '.accountsBottom',
            content: '<div>To add your first account, please click the Add account button</div>',
            tripBlockHTML: [
                '<div class="trip-block">',
                '<div class="trip-content"></div>',
                '<a href="#" class="trip-close"></a>',
                '<a href="#" class="trip-prev"></a>',
                '<a href="#" class="trip-next"></a>',
                '</div>'
            ]
        }
    ];

    onboarding = new Trip(steps, options);
    onboarding.start();
}

[EragonJ]

Well, I don't think this is a good way. When Trip.js got initialized, we'll do the check and make sure APIs/ or events are bound to the right component and this will only happened once.

One question, why you need to do that by the way ? Why not just use multiple instances of Trip.js ? The reason why Trip is made like a Class is to let you have the flexibilities to do complex interactions. With onTripChange or some events, I think you can still make the same thing which you want.

[EragonJ]

@olso feel free to discuss more if you want. I'll close this issue first :) Thanks