Help! Multi Step Form not Working

Discussion Ask a question
,
1

I designed a multi stage form using Wix’s example right here - https://www.wix.com/code/home/example/Multistage-Form
The problem is mines isn’t working - https://varunmittalemail2.wixsite.com/orange/job-application
I found my elements are not getting connected with the properties written in the Code Panel. In the image below, that button is supposed to have an onClick function which is not coming up in the Properties Window. I manually typed the text in the code panel, based on the code given in the example. Can you please help me out by letting me know how this will work? The ID names are also exactly same, and I am unable to understand where the problem is.
I downloaded the one given in the example and it is working perfectly - https://varunmittalemail2.wixsite.com/mysite
though both are using the same things. Can you please help? I am sending a copy of my code in a comment below.

1366×768 124 KB

Thanks and Regards
Varun

1 Like
2

The Code is

function showPassengers() {
$w(‘#slideshow’).changeSlide(0);
$w(‘#Personal’).disable();
$w(‘#Employee’).enable();
$w(‘#Resume’).enable();
$w(‘#Confirm’).enable();
$w(‘#line1’).show();
$w(‘#line2’).hide();
$w(‘#line3’).hide();
$w(‘#line4’).hide();
}

function showReviews() {
$w(‘#slideshow’).changeSlide(1);
$w(‘#Personal’).enable();
$w(‘#Employee’).disable();
$w(‘#Resume’).enable();
$w(‘#Confirm’).enable();
$w(‘#line1’).hide();
$w(‘#line2’).show();
$w(‘#line3’).hide();
$w(‘#line4’).hide();
}

function showConfirmation() {
$w(‘#slideshow’).changeSlide(2);
$w(‘#Personal’).enable();
$w(‘#Employee’).enable();
$w(‘#Resume’).disable();
$w(‘#Confirm’).enable();
$w(‘#line1’).hide();
$w(‘#line2’).hide();
$w(‘#line3’).show();
$w(‘#line4’).hide();
}

function showFinal() {
$w(‘#slideshow’).changeSlide(3);
$w(‘#Personal’).enable();
$w(‘#Employee’).enable();
$w(‘#Resume’).enable();
$w(‘#Confirm’).disable();
$w(‘#line1’).hide();
$w(‘#line2’).hide();
$w(‘#line3’).hide();
$w(‘#line4’).show();
}

export function personal_onClick(event) {
showPassengers();
}

export function employee_onClick(event) {
showReviews();
}

export function resume_onClick(event) {
showConfirmation();
}

export function confirm_onClick(event) {
showFinal();
}

export function button1_onClick(event) {
showReviews();
}

export function button2_onClick(event) {
showConfirmation();
}

export function button3_onClick(event) {
showPassengers();
}

export function button4_onClick(event) {
showFinal();
}

2 Likes
3

I’m experiencing the same problem.
I’ve used the same code, customized everything and it doesn’t work, apart of the original Confirmation button.
https://uv-magnuvi.wixsite.com/qajason

this is my code:

function showpatientinfo() {
$w(‘#slideshow’).changeSlide(0);
$w(‘#patientinfo’).disable();
$w(‘#massagegoals’).enable();
$w(‘#terms’).enable();
$w(‘#confirmation’).enable();
$w(‘#patientlin’).show();
$w(‘#massagelin’).hide();
$w(‘#termsline’).hide();
$w(‘#conflin’).hide();

}

function showmassage() {
$w(‘#slideshow’).changeSlide(1);
$w(‘#patientinfo’).enable();
$w(‘#massagegoals’).disable();
$w(‘#terms’).enable();
$w(‘#confirmation’).enable();
$w(‘#patientlin’).hide();
$w(‘#massagelin’).show();
$w(‘#termsline’).hide();
$w(‘#conflin’).hide();

}

function showterms() {
$w(‘#slideshow’).changeSlide(2);
$w(‘#patientinfo’).enable();
$w(‘#massagegoals’).enable();
$w(‘#terms’).disable();
$w(‘#confirmation’).enable();
$w(‘#patientlin’).hide();
$w(‘#massagelin’).hide();
$w(‘#termsline’).show();
$w(‘#conflin’).hide();

}

function showconfirmation() {
$w(‘#slideshow’).changeSlide(3);
$w(‘#patientinfo’).enable();
$w(‘#massagegoals’).enable();
$w(‘#terms’).enable();
$w(‘#confirmation’).disable();
$w(‘#patientlin’).hide();
$w(‘#massagelin’).hide();
$w(‘#termsline’).hide();
$w(‘#conflin’).show();

}

export function patientinfo_onClick(event) {
showpatientinfo();
}

export function massagegoals_onClick(event) {
showmassage();
}

export function terms_onClick(event) {
showterms();
}
export function confirmation_onClick(event) {
showconfirmation();
}

export function buttonsaveNcontinue1_onClick(event) {
showmassage();
}

export function buttonsaveNcontinue2_onClick(event) {
showterms();
}

export function buttonsaveNcontinue3_onClick(event) {
showconfirmation();
}

export function done_onClick(event) {
showpatientinfo();
}