can i add nested wizards?

[oterox]

I need nested wizards, is this possible?

And is it possible that the nested wizard is dynamic, i mean:

main wizard: step1 | step2 | step3

then, step 2 would have a nested wizard inside like subtab1 | subtab2 ...
This substeps would be created dinamically in step1 but instead of being added to the main wizard they would be added to nested wizard, like this:

I've readed the doc and i can add tabs dinamically, but i can't find anything about nested ones.

[medievo]

I couldn't find nested wizard support either so I sort of created my own if it helps you ill post the code

this is the main wizard

$("#application").steps({
headerTag: "heading",
bodyTag: "section",
transitionEffect: 1,
autoFocus: true,
actionContainerTag: "action",
cssClass: "wizard",
enablePagination: true,
enableKeyNavigation: true,
saveState: true,
enableContentCache: true,
stepsOrientation: "vertical",
/* Templates /
titleTemplate: '#title#',
loadingTemplate: ' #text#',
/ Labels */
labels: {
current: "",
pagination: "Pagination",
finish: "Finish",
next: "Next",
previous: "Back",
loading: "Loading ..."
},
onStepChanging: function (event, cur_index, next_index) {
if (cur_index==0){
$("#display_primary").html(primary_name);
}
if (next_index==1){
personal_info_wizard();
}
current_step = cur_index;
return true;
},
onStepChanged: function (e, c, p) {
$("#application-p-"+p).hide();
$("#application-p-"+c).fadeIn();
current_step = true;
}
});

this is my first sub wizard

function personal_info_wizard(){
$("action.actions").hide();
if (!$("subaction").hasClass("actions")){
$("#personal_information").steps({
headerTag: "subheader",
bodyTag: "section",
transitionEffect: 1,
actionContainerTag: "subaction",
cssClass: "subwizard",
enablePagination: true,
enableKeyNavigation: true,
saveState: true,
stepsOrientation: "horizontal",
enableContentCache: true,
startIndex: 0,
/* Templates /
titleTemplate: '#title#',
loadingTemplate: ' #text#',
/ Labels */
labels: {
current: "",
pagination: "Pagination",
finish: "Next",
next: "Next",
previous: "Back",
loading: "Loading ..."
},
onStepChanging: function (e,c,p){
if (p==0){
current_sub_step = false;
}
return true;
},
onStepChanged: function (event, currentIndex, otherIndex) {
if (currentIndex==0){
current_step = true;
}
if ($("#personal_information-p-"+currentIndex).hasClass("skip")){
if (otherIndex<currentIndex) {
$("#personal_information").steps("next");
}else{
$("#personal_information").steps("previous");
}
}
if ($("#personal_information-p-"+currentIndex).html().trim()==""){
if (otherIndex<currentIndex) {
$("#personal_information").steps("next");
}else{
$("#personal_information").steps("previous");
}
}
add_helpers();
},
onFinished: function() {
$("#application").steps("next");
$("action.actions").show();
}
});
}
add_helpers();
}

and this is the the html up to the first sub wizard

                <div id="application">
                    <heading>Welcome <span id="display_primary"></span></heading>
                    <section>
                        <img src="../images/logoMenu.gif"> <h3 style="display:inline">Welcome to the online application</h3>
                        <notice>Please fill out the application with all the required fields for you and any other occupant that is applying with you.</notice>
                        <hr />
                        <label>Let's start with your name</label>
                        First Name <input type="text" value="" style="width:120px" name="fname[]" id="primary_fn" class="required" title="First Name" /> 
                        M.I. <input type="text" value="" style="width:30px" name="mname[]" id="primary_mi" maxlength=1 /> 
                        Last Name <input type="text" value="" style="width:120px" name="lname[]" id="primary_ln" class="required" title="Last Name" />                      
                    </section>
                    <heading>Personal Information</heading>
                    <section>
                        <div id="personal_information">
                            <subheader>Do you have a specific property in mind?</subheader>
                            <section>

Hope this is helpful to you. I am still working on it at the moment but if you have any questions and that I can answer i'll be happy to

[n0tel]

also interesting nested wizards. On the site The site says that nested possible.
Multiple wizards
Have multiple wizards on one page or even have nested wizards like you want.

But when i try embed one to another, all steps after step with embedding not display content
Demo here -> http://jsfiddle.net/7jkt6/
(default demo taken as a basis)

[rstaib]

Should work. It's important to understand how to nest controls. Therefore it's maybe useful to check out the following question on StackOverflow.

[taylankasap]

Support for nesting: #69

[jharahul]

Has this been merged into master so that its available in latest version download ?

[ivisionwd]

Has this been merged into master so that its available in latest version download ? Can we get a demo?

[n0tel]

@grandstylus16 this example does not work?
https://jsfiddle.net/7jkt6/6/

[ivisionwd]

it works but I wanted for the nested step to work with the main step previous/next button and also to not show a second pagination header and when I go to the next main step and click on previous to to go back to the last nested step of the previous main step the content disappears

[n0tel]

You can check current step on onStepChanged for nested wizard. And if
true, process it.

You can disable pagination, see options.

On Thursday, August 20, 2015, grandstylus16 notifications@github.com
wrote:

it works but I wanted for the nested step to work with the main step
previous/next button and also to not show a second pagination header

—
Reply to this email directly or view it on GitHub
#23 (comment).

С уважением,
Хандрамай Павел Александрович