Last Updated on February 4, 2023 by Neil Murray
Show & Hide Form Fields
Show Message field when user types in Name field
Form – contact-form-7 id=”2938″ title=”Logic – Demo – Show & Hide Form Fields”
Instructions – start typing in the Name field to see the form expand to include Message field.
Compare Field Values to Set Criteria
Display additional questions based on user input
Form – contact-form-7 id=”2936″ title=”Logic – Demo – Compare Field Values to Set Criteria”
Instructions – additional questions are displayed based on your answer to the first question
Multiple fields with multiple logic statements
Dynamically change multiple form fields based on the values input in other form fields
Form – contact-form-7 id=”8510″ title=”Logic – Demo – Multiple fields with multiple logic statements”
Instructions – additional questions are displayed based progressively based on individual Sports Preferences.
Hide Form Fields based on User Status
Hide Form Fields that you don’t need filled in by logged in users
Form – contact-form-7 id=”2557″ title=”Logic – Demo – Hide Form Fields based on User Status”
Instructions – if you a logged in user on this site you will not see the “Email” & “Are you an existing customer?” fields. Login to your Account to see this.
Dynamically Generate Form Fields based on Post Info
Description – The form field is only shown when the post info such as post id in logic is matching with the current post id.
Form – contact-form-7 id=”20300″ title=”Logic – Demo – Dynamically Generate Form Fields based on Post info”
Instructions – Check if the field “Rate the Post” is only available when the post id is 2824.
Display Form Content based on Stored Post Meta Values
Description – The form field will be shown if there is a meta value selected in the logic.
Form – contact-form-7 id=”2568″ title=”Logic – Demo – Display Form Content based on Stored Post Meta Values”
Instructions – Check if the text field is visible when a meta value (Custom Field) “Extras” is added on the post or page.
Demo Form
You can help us improve CF7 Skins Logic by completing this form. This will show you a CF7 Skins Logic form in action. In addition, as a thank-you, we’ll send you a Discount Code to use with your next purchase from CF7 Skins.
Form – contact-form-7 id=”5422″ title=”Logic – Demo”
Instructions – The form uses different logic functionalities in each tab, you can see the info text below each fieldset to test.