Title: Multi-step + Conditional fields
Last modified: February 28, 2018

---

# Multi-step + Conditional fields

 *  Resolved [alberto.pm9](https://wordpress.org/support/users/albertopm9/)
 * (@albertopm9)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/multi-step-conditional-fields/)
 * Hello,
    I’m working with your plugin and Conditional Fields ([https://wordpress.org/plugins/cf7-conditional-fields/](https://wordpress.org/plugins/cf7-conditional-fields/)).
   In step 2 the user can choose between 2 options in a select field, so he/she 
   can fill in the corresponding fields according to his/her choice. In the final
   step (step 3) I’d like to show a summary of all the fields filled.
 * Is there a way to display only the fields corresponding the chosen option in 
   the step 2 select field?
 * Any thoughts about how to show a summary in the final step of the fields filled?(
   without the fields of the option not selected)
 * If I try something like this:
    `[group-1][multiform "name-company"][/group-1][
   group-2][multiform "name-particular"][/group-2]` that works in the email form,
   it doesn’t in the third step.
 * I would need to know if there is a filter, similar to the wpcf7_mail_components
   filter. Or if they are are planning to add a filter like this for the summary
 * Thanks in advance!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmulti-step-conditional-fields%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [Jules Colle](https://wordpress.org/support/users/jules-colle/)
 * (@jules-colle)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/multi-step-conditional-fields/#post-10028135)
 * Note to [@webheadllc](https://wordpress.org/support/users/webheadllc/): I’m the
   author of Conditional Fields plugin. If you could add some kind of filter to 
   the summary, and give me an example of how to change the output, I would gladly
   implement this in my plugin.
 *  Plugin Author [webheadcoder](https://wordpress.org/support/users/webheadllc/)
 * (@webheadllc)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/multi-step-conditional-fields/#post-10029399)
 * Hi [@albertopm9](https://wordpress.org/support/users/albertopm9/),
 * If I’m understanding you correctly, you want to display some fields which depend
   on another field entered on a previous step. If that’s so and you don’t want 
   to wait for an update, what you can do is add a hidden field to your 3rd step
   so the conditional fields will know what the value is.
 * For example if group-1 should show only if name-company is not blank, add `[hidden
   name-company]` to the 3rd step. Then save and go to the Conditional Fields tab
   and set it appropriately.
 * [@jules-colle](https://wordpress.org/support/users/jules-colle/), if you have
   a better solution in mind I have a filter in place right now, but it looks like
   I named it badly. I’ll be renaming it to ‘cf7msm_form_field_value’ and adding‘
   cf7msm_form_field_value_pro’. The free version returns the actual value while
   the pro version returns a <span> tag for the javascript to populate. Coming in
   3.0.4:
 * `apply_filters('cf7msm_form_field_value_pro', '<span id="cf7msm_'.$field_name.'"
   class="cf7msm-ro"></span>', $field_name, $id_att );`
    `apply_filters('cf7msm_form_field_value',
   apply_filters( 'cf7msm_form_field_value_'.$id_att, $value ), $field_name, $id_att,
   $value );`
 * You can look for ‘wpcf7_form_field_value’ if you want to see what it does now.
   I’ll try to get it out by next week.
 *  Plugin Author [webheadcoder](https://wordpress.org/support/users/webheadllc/)
 * (@webheadllc)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/multi-step-conditional-fields/#post-10064001)
 * the filters have been added. version 3.0.4 is out.
 *  [sabahshoka](https://wordpress.org/support/users/sabahshoka/)
 * (@sabahshoka)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/multi-step-conditional-fields/#post-10071856)
 * I have also probleem with Conditional Fields for Contact Form 7 plugin. if somebody
   fild the form and the first field coditional and the change them to other coditional
   group and the submit I get both of them and it must be one of them! help please
    -  This reply was modified 8 years, 2 months ago by [sabahshoka](https://wordpress.org/support/users/sabahshoka/).
 *  Thread Starter [alberto.pm9](https://wordpress.org/support/users/albertopm9/)
 * (@albertopm9)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/multi-step-conditional-fields/#post-10073610)
 * Hello.
    Yes, [@sabahshoka](https://wordpress.org/support/users/sabahshoka/), 
   I think that’s also my problem: I only want the last choice to be showed, not
   both.
 *  [sabahshoka](https://wordpress.org/support/users/sabahshoka/)
 * (@sabahshoka)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/multi-step-conditional-fields/#post-10080032)
 * please some boday can help me please? [@jules-colle](https://wordpress.org/support/users/jules-colle/))
    -  This reply was modified 8 years, 2 months ago by [sabahshoka](https://wordpress.org/support/users/sabahshoka/).
 *  [sabahshoka](https://wordpress.org/support/users/sabahshoka/)
 * (@sabahshoka)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/multi-step-conditional-fields/#post-10093750)
 * de code zijn
    <div class=”col-md-12″><label>[select* menu-100 “Van adres…” “postcode”“
   P+R” “NS Station” “Luchthaven”]</label></div>
 * [group group-847]
    <div class=”col-md-6″><label>[text* text-900 placeholder “
   plaatsnaam”]</label></div> <div class=”col-md-6″><label>[text* text-107 placeholder“
   straat en nr.”]</label></div> [/group]
 * [group group-848]
    <div class=”col-md-6″><label>[text* text-867 placeholder “
   postcode”]</label></div> <div class=”col-md-6″><label>[text* text-14 placeholder“
   nr.”]</label></div> [/group]
 * [group group-885]
    <div class=”col-md-6″><label>[select* menu-699 include_blank“
   P+R Alkmaar” “P+R Alkmaar Noord” “P+R Baarn” “P+R Beverwijk” “P+R Bloemendaal”“
   P+R Breukelen” “P+R Bunnik” “P+R Bussum Zuid” “P+R Den Dolder” “P+R Dribergen-
   Zeist” “P+R Driehuis” “P+R Haarlem” “P+R Haarlem Spaarnwoude” “P+R Heemskerk”“
   P+R Heemstede-Aerdenhout” “P+R Hilversum” “P+R Hilversum Noord” “P+R Hilversum
   Sportpark” “P+R Hoofddorp” “P+R Hoofddorp Spaarne Ziekenhuis” “P+R Koog Bloemwijk”“
   P+R Koog-Zaandijk” “P+R Maarssern” “P+R Overveen” “P+R Santpoort Noord” “P+R 
   Santpoort Zuid” “P+R Soest” “P+R Soest Zuid” “P+R Soestdijk” “P+R Uitgeest” “
   P+R Utrecht Centraal” “P+R Utrecht Galgenwaard” “P+R Utrecht Lunetten” “P+R Utrecht
   Overvecht” “P+R Utrecht Terwijde” “P+R Utrecht Transferium Westraven” “P+R Vleuten”“
   P+R Zaandam” “P+R Zaandam Kogerveld” “P+R Zaandam aan Zee” ]</label></div> [/
   group]
 * [group group-150]
    <div class=”col-md-6″><label> [select* menu-856 include_blank“
   Alkmaar” “Alkmaar Noord” “Baarn” “Beverwijk” “Bilthoven” “Bloemendaal” “Bunnik”“
   Bussum Zuid” “Den Dolder” “Driebergen-Zeist” “Driehuis” “Haarlem” “Haarlem Spaarnwoude”“
   Heemskerk” “Heemskerk-Aerdenhout” “Hilversum” “Hilversum Media Park” “Hilversum
   Noord” “Hilversum Sportpark” “Hoofddorp” “Koop Bloemwijk” “Koop-Zaandijk” “Maarssen”“
   Overveen” “Santpoort Noord” “Santpoort Zuid” “Soest” “Soest Zuid” “Soestdijk”“
   Uitgeest” “Utrecht Centraal” “Utrecht Leidsche Rijn” “Utrecht lunetten” “Utrecht
   Maliebaan” “Utrecht Overvecht” “Utrecht Terwijde” “Utrecht Zuilen” “Vleuten” “
   Zaandam” “Zaandam Kogerveld” “Zandvoort aan Zee”] </label></div> [/group]
 * [group group-691]
    <div class=”col-md-6″><label> [select* menu-693 include_blank“
   Schiphol Airport Amsterdam” “Eindhoven Airport” “Rotterdam The Haue Airport” “
   Maastricht Aachen Airport” “Groningen Airport Eelde” “Lelystad Airport” “Brussel-
   Nationaal Zaventem” “Brussel Zuid – Charleroi” “Antwerpen Internationale Luchthaven”“
   Liege Airport” “Ostende Airport” “Kortrijk Wevelgem Luchthaven” “Dusseldort International
   Airport” “Frankfurt-Hahn Flughafen” “Koln-Bonn Airport” “City Airport Bremen”“
   Dortmund Airport” “Frankfurt international Airport” “Munster-Osnabruck Flughafen”“
   Weeze Airport”] </label></div> <div class=”col-md-6″><label>[text* text-388 placeholder“
   Vluchtnummer”]</label></div> [/group]
 * <div class=”col-md-12″><label>[select menu-429 “Naar adres…” “postcode” “P+R”“
   NS Station” “Luchthaven”]</label></div>
 * [group group-181]
    <div class=”col-md-6″>[text* text-336 placeholder “plaatsnaam”]
   </label></div> <div class=”col-md-6″><label>[text* text-939 placeholder “straat
   en nr.”]</label></div> [/group]
 * [group group-357]
    <div class=”col-md-6″><label>[text* text-196 placeholder “
   postcode”]</label></div> <div class=”col-md-6″><label>[text* text-414 placeholder“
   nr.”]</label></div> [/group]
 * [group group-206]
    <div class=”col-md-6″><label>[select* menu-769 include_blank“
   P+R Alkmaar” “P+R Alkmaar Noord” “P+R Baarn” “P+R Beverwijk” “P+R Bloemendaal”“
   P+R Breukelen” “P+R Bunnik” “P+R Bussum Zuid” “P+R Den Dolder” “P+R Dribergen-
   Zeist” “P+R Driehuis” “P+R Haarlem” “P+R Haarlem Spaarnwoude” “P+R Heemskerk”“
   P+R Heemstede-Aerdenhout” “P+R Hilversum” “P+R Hilversum Noord” “P+R Hilversum
   Sportpark” “P+R Hoofddorp” “P+R Hoofddorp Spaarne Ziekenhuis” “P+R Koog Bloemwijk”“
   P+R Koog-Zaandijk” “P+R Maarssern” “P+R Overveen” “P+R Santpoort Noord” “P+R 
   Santpoort Zuid” “P+R Soest” “P+R Soest Zuid” “P+R Soestdijk” “P+R Uitgeest” “
   P+R Utrecht Centraal” “P+R Utrecht Galgenwaard” “P+R Utrecht Lunetten” “P+R Utrecht
   Overvecht” “P+R Utrecht Terwijde” “P+R Utrecht Transferium Westraven” “P+R Vleuten”“
   P+R Zaandam” “P+R Zaandam Kogerveld” “P+R Zaandam aan Zee” ]</label></div> [/
   group]
 * [group group-525]
    <div class=”col-md-6″><label>[select* menu-57 include_blank“
   Alkmaar” “Alkmaar Noord” “Baarn” “Beverwijk” “Bilthoven” “Bloemendaal” “Bunnik”“
   Bussum Zuid” “Den Dolder” “Driebergen-Zeist” “Driehuis” “Haarlem” “Haarlem Spaarnwoude”“
   Heemskerk” “Heemskerk-Aerdenhout” “Hilversum” “Hilversum Media Park” “Hilversum
   Noord” “Hilversum Sportpark” “Hoofddorp” “Koop Bloemwijk” “Koop-Zaandijk” “Maarssen”“
   Overveen” “Santpoort Noord” “Santpoort Zuid” “Soest” “Soest Zuid” “Soestdijk”“
   Uitgeest” “Utrecht Centraal” “Utrecht Leidsche Rijn” “Utrecht lunetten” “Utrecht
   Maliebaan” “Utrecht Overvecht” “Utrecht Terwijde” “Utrecht Zuilen” “Vleuten” “
   Zaandam” “Zaandam Kogerveld” “Zandvoort aan Zee”] </label></div> [/group]
 * [group group-646]
    <div class=”col-md-6″><label>[select* menu-839 include_blank“
   Schiphol Airport Amsterdam” “Eindhoven Airport” “Rotterdam The Haue Airport” “
   Maastricht Aachen Airport” “Groningen Airport Eelde” “Lelystad Airport” “Brussel-
   Nationaal Zaventem” “Brussel Zuid – Charleroi” “Antwerpen Internationale Luchthaven”“
   Liege Airport” “Ostende Airport” “Kortrijk Wevelgem Luchthaven” “Dusseldort International
   Airport” “Frankfurt-Hahn Flughafen” “Koln-Bonn Airport” “City Airport Bremen”“
   Dortmund Airport” “Frankfurt international Airport” “Munster-Osnabruck Flughafen”“
   Weeze Airport”] </label></div> <div class=”col-md-6″><label>[text* text-705 placeholder“
   Vluchtnummer”]</label></div> [/group] <div class=”col-md-6″><label>[select* menu-
   256 “Type Auto” “Sedan” “Stationwagen”]</label></div> <div class=”col-md-6″><
   label>[text* phone placeholder “Telefoonnummer”]</label></div> <div class=”col-
   md-6″><label>[email* email-68 placeholder “E-mail”]</label></div> <div class=”
   col-md-6″><label>[text* text-894 placeholder “Datum”]</label></div> <div class
   =”col-md-6″><label>[text* text-640 placeholder “Ophaaltijd”]</label></div> <div
   class=”col-md-6″><label>[select* menu-559 “Personen” “0” “1” “2” “3” “4”]</label
   ></div> <div class=”col-md-6″><label>[select* menu-916 “Handbagage” “0” “1” “
   2” “3” “4”]</label></div> <div class=”col-md-6″><label>[select* menu-224 “Grote
   koffer” “0” “1” “2” “3” “4”]</label></div> <div class=”col-md-6″><label>[select
   menu-0 “Geen Kinderzitje” “Ja Kinderzitje (+ €5,-)”]</label></div> <div class
   =”col-md-6″><label>[select menu-514 “Enkel riet” “Retour rit”]</label></div> 
   <div class=”col-md-6″><label>[textarea* textarea-424 placeholder “OPMERKING”]
   </label></div>
 * [submit “Taxi reserveren”]
 *  [sabahshoka](https://wordpress.org/support/users/sabahshoka/)
 * (@sabahshoka)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/multi-step-conditional-fields/#post-10115138)
 * is some body who can help us?
 *  [sabahshoka](https://wordpress.org/support/users/sabahshoka/)
 * (@sabahshoka)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/multi-step-conditional-fields/#post-10115146)
 * [@webheadllc](https://wordpress.org/support/users/webheadllc/)

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Multi-step + Conditional fields’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7-multi-step-module/assets/icon-256x256.png?
   rev=1793363)
 * [Contact Form 7 Multi-Step Forms](https://wordpress.org/plugins/contact-form-7-multi-step-module/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7-multi-step-module/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7-multi-step-module/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7-multi-step-module/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7-multi-step-module/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7-multi-step-module/reviews/)

## Tags

 * [display fields](https://wordpress.org/support/topic-tag/display-fields/)

 * 9 replies
 * 4 participants
 * Last reply from: [sabahshoka](https://wordpress.org/support/users/sabahshoka/)
 * Last activity: [8 years, 2 months ago](https://wordpress.org/support/topic/multi-step-conditional-fields/#post-10115146)
 * Status: resolved