codyhouse / cd-wizard-form-changelog

Report issues and get notified about changes affecting the 'Wizard Form' component.
https://codyhouse.co/ds/components/app/wizard-form
0 stars 0 forks source link

Form controls #1

Closed pgroot91 closed 4 years ago

pgroot91 commented 4 years ago

I'm unable to replicate a working version of the wizard. Unable to make the navigation to work. All buttons are shown on the first step (Back, Next and Submit).

Don't see any console errors.

image

Steps to reproduce copying the html css and js from the wizard form component only.

imatrycode commented 4 years ago

I am on

I'm unable to replicate a working version of the wizard. Unable to make the navigation to work. All buttons are shown on the first step (Back, Next and Submit).

Don't see any console errors.

image

Steps to reproduce copying the html css and js from the wizard form component only.

I am having the same issue, looks like you do have to initiate this:

e.g.

Which does seem to initiate the form Added console.log("WizardForm initiated"); to the initiateWizardForm function in the provided js

however my buttons still look like yours

Ive tried looking through the script adding console log see where it gets but I must be missing something

imatrycode commented 4 years ago

Actually I just sorted mine.

Add this:

Underneath

In your page, originally it had: var wizardForm = document.getElementsByClassName('js-wiz-form')[0]; var wizardFormObj = new WizardForm(wizardForm[0]);

The index looks to cause it not to initialise

pgroot91 commented 4 years ago

@imatrycode Thanks! After watching the info page we realized actually missed that. Really happy we have it working also 👍

sebastiano-guerriero commented 4 years ago

Great! I'm closing the issue. Let us know if you have other questions :)