Plumsail wizard office 365 show hide step, move during design

Forms
1

Hello,

Are there any script help me to do the following with Wizard container in office 365:
Show and hide (visible/hidden) step based on criteria
example:
let say i have 4 steps to finish the form wizard process, in some criteria i will short it to 3 or 2 steps based on control value.

I can’t move wizard steps during design time:
i finished the wizard form development based on 4 steps but i recognized that i need to make the wizard step 3 the first one instead, but i can’t move it , i need to delete the hole wizard then rebuild it again (it is not a good way) unless i am missing something.

2

Dear Georges,

You can simply skip the middle step by this code:

fd.container("Wizard0").widget.changeTab(0,2);

Notice that an index of tabs is zero-based, “Wizard0” is an internal name of your wizard container and no validation applied while skipping the tab.

As for switching wizard steps during the design development, we have this feature in the roadmap but for now, you can export a form into a file, open it in a text editor and switch XML elements.

3

OK AlexZver :slight_smile:

Thank you a lot for your help i switched XML elements it worked just fine.

for the script :
fd.container(“Wizard0”).widget.changeTab(0,2);
i tested it well done but how can i fire it when end user press next trigger on a certain wizard step without inserting a button to trigger the script like:
user making data entry on wizard step 1 when he press next i need to skip step 2

only i can modify script OnFinish trigger what about Next and Back trigger are there anyway to add script to these actions.

thanks

4

Dear Georges,

Please try the code below for this purpose:

fd.spRendered(function() {
    fd.container("Wizard0").widget.$on("update:startIndex", function() {
        if (fd.container("Wizard0").widget.activeTabIndex == 0){
            window.setTimeout(function() {
                fd.container("Wizard0").widget.navigateToTab(2)}, 100)
        }
    })
})

Notice that you should replace “Wizard0” with the internal name of your wizard and set time value “100” corresponding your form.

5

Awesome, thanks AlexZver for the fastest reply