multistep (preview)

Conditional Fields PRO will soon supports multistep forms out of the box. The functionality is in beta, but will be released soon (or maybe it is already released by the time you read this. If so, please let me know so I can update this text)

Form

About you

About your family

Information about your children

About your car

Finish up

Thank you for filling out this silly multistep form. One last question.


Form Code

[step title "About you"]
  <p><label>Your name: [text* your-name]</label></p>
  <p><label>Your favorite color: [text* your-address]</label></p>

[step title "About your family"]
  <h4>Information about your children</h4>
  <label>[checkbox no-children "I don't have any children"]</label>
  [group has-children]
    [repeater children add "add child" remove "remove child"]
      <fieldset><p><label>Name of child: [text* name-of-child]</label></p>
      <p><label>Favorite color of child: [text* fav-color-of-child]</label></p></fieldset>
    [/repeater]
  [/group]

[step title "About your car"]
  <p><label>What color is your car? * [text* your-car-color]</label></p>

[step title "Finish up"]
  <p>Thank you for filling out this silly multistep form. One last question.</p>
  <p><label>Do you like filling out forms? * [select* first_as_label "-- yes or no --" "yes" "no"]</label></p>
  <p>[submit "Submit form"]</p>

Conditional Fields

show group if field operator value

has-children if no-children not equals I don't have any children 

Note: Conditional Fields FREE is also partly compatible with these Multistep plugins: