All steps active in smartwizard 4

Question

I've included smartwizard in the forms in my application, and it works great, during insert. However, during update, I want to show all steps visited, so that instead of clicking on the next button, the user can get directly to the tab s/he wants. How can I achieve that? I understand I may have to make changes in the _setEvents function in the main js file, i.e., jquery.smartWizard.min.js, but I can't seem to figure it out..

Just to know, since I have the same needs, why didn't you made it with SmartTab instead (also from TechLaboratory)? — b126, Sep 22 '22 at 09:02

score 5 · Accepted Answer · answered May 06 '17 at 08:18

Found the answer in anchorSettings. You add the anchorSettings parameter and change the values as follows,

anchorClickable         :   true, // Enable/Disable anchor navigation
        enableAllAnchors        :   true, // Activates all anchors clickable all times
        markDoneStep            :   true, // add done css
        enableAnchorOnDoneStep  :   true // Enable/Disable the done steps navigation

score 1 · Answer 2 · edited May 17 '17 at 22:59

1

Try setting enableAllSteps to true:

$('#wizard').smartWizard({enableAllSteps: true});

edited May 17 '17 at 22:59

Juan Serrats

1,358
5
24
30

answered May 17 '17 at 22:49

Mihailov Stevan

11
3

score 0 · Answer 3 · answered May 15 '19 at 08:16

    $('#smartwizard').smartWizard({
        selected: 0,
        theme: 'default',
        transitionEffect: 'fade',
        showStepURLhash: false,
        anchorSettings: {
            anchorClickable: true, // Enable/Disable anchor navigation
            enableAllAnchors: true, // Activates all anchors clickable all times
            markDoneStep: true, // add done css
            enableAnchorOnDoneStep: true // Enable/Disable the done steps navigation
        },
        lang: { next: 'Next', previous: 'Previous' }
    });

All steps active in smartwizard 4

3 Answers3

Linked