Standard Form – React version

Last Updated on August 29, 2023 by Parth Parikh

Table of Contents #

How to test #

The standard forms are multi-tab forms with each tab named as per the concerned test.

A text field is attached to each logic to test if the logic works. Each section/tab of a form has this field and it will be visible or invisible according to the logic.

Test Field – Demo

Instructions: Logic Testing

back to top

Forms #

back to top

  1. Field – If Any – Show – Logic
  2. Field – If Any – Hide – Logic
  3. Field – If All – Show – Logic
  4. Field – If All – Hide – Logic
  5. Post – If Any – Show – Logic
  6. Post – If Any – Hide – Logic
  7. Post – If All – Show – Logic
  8. Post – If All – Hide – Logic
  9. User – If Any – Show – Logic
  10. User – If Any – Hide – Logic
  11. User – If All – Show – Logic
  12. User – If All – Hide – Logic

CF7 Forms #

  1. Field – If Any – Show – Logic – contact-form-7 id=”26647″ title=”Test – Logic – Standard Testing – React Version – Field – If Any – Show (v0.3)”
  2. Field – If Any – Hide – Logic – contact-form-7 id=”25774″ title=”Test – Logic – Standard Testing – React Version – Field – If Any – Hide (v0.3)”
  3. Field – If All – Show – Logic – contact-form-7 id=”26457″ title=”Test – Logic – Standard Testing – React Version – Field – If All – Show (v0.3)”
  4. Field – If All – Hide – Logic – contact-form-7 id=”25779″ title=”Test – Logic – Standard Testing – React Version – Field – If All – Hide (v0.3)”
  5. Post – If Any – Show – Logic – contact-form-7 id=”26464″ title=”Test – Logic – Standard Testing – React Version – Post – If Any -Show (v0.3)”
  6. Post – If Any – Hide – Logic – contact-form-7 id=”26652″ title=”Test – Logic – Standard Testing – React Version – Post – If Any – Hide (v0.3)”
  7. Post – If All – Show – Logic – contact-form-7 id=”26645″ title=”Test – Logic – Standard Testing – React Version – Post – If All -Show (v0.3)
  8. Post – If All – Hide – Logic – contact-form-7 id=”26655″ title=”Test – Logic – Standard Testing – React Version – Post – If All -Hide (v0.3)”
  9. User – If Any – Show – Logic – contact-form-7 id=”26662″ title=”Test – Logic – Standard Testing – React Version – User – If Any – Show (v0.3)”
  10. User – If Any – Hide – Logic – contact-form-7 id=”26664″ title=”Test – Logic – Standard Testing – React Version – User – If Any -Hide (v0.3)”
  11. User – If All – Show – Logic – contact-form-7 id=”28143″ title=”Test – Logic – Standard Testing – React Version – User – If All -Show (v0.4)”
  12. User – If All – Show – Logic – contact-form-7 id=”26747″ title=”Test – Logic – Standard Testing – React Version – User – If All – Hide (v0.4)”

Field – If Any – Show #

back to top

This form will be used to test the Show field logic if any of the statements are true.

Form – contact-form-7 id=”26647″ title=”Test – Logic – Standard Testing – React Version – Field – If Any – Show (v0.3)”

    Logic - Show - If Any
    Show IF EQUAL

    1. Show if Equal The below test text field will be visible if the logic works

    3. text-614

      Set this to "show"

    4. checkbox-776 Option 1Option 2

      Set this to "option 2"

    5. date-982

      Set this to "2022-04-01"

    6. email-633

      Set this to "test@cf7s.com"

    7. number-561

      Set this to "5"

    8. radio-808 Option 1Option 2

      Set this to "Option 2"

    9. select-513

      Set this to "Option 2"

    10. tel-143

      Set this to "1234567890"

    11. textarea-788

      Set this to "show"

    12. url-994

      Set this to "test.com"

    Logic - Show - If Any
    Show If NOT Equal

    1. Show if NOT Equal The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-492

      Default Value : show, Action : Change to any other value

    4. checkbox-709 Option 1Option 2

      Default Value : option 2, Action : Change to any other value

    5. date-717

      Default Value : 2022-04-01, Action : Change to any other value

    6. email-428

      Default Value : test@cf7s.com, Action : Change to any other value

    7. number-560

      Default Value : 5, Action : Change to any other value

    8. radio-215 Option 1Option 2

      Default Value : Option 2, Action : Change to any other value

    9. select-494

      Default Value : Option 2, Action : Change to any other value

    10. tel-872

      Default Value : 1234567890, Action : Change to any other value

    11. textarea-858

      Default Value : show, Action : Change to any other value

    12. url-535

      Default Value : test.com, Action : Change to any other value

    Logic - Show - If Any
    Show IF CONTAINS

    1. Show IF CONTAINS The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-405

      Set this to "show"

    4. date-725

      Set this to "2022-04-01"

    5. email-411

      Set this to "test@cf7s.com"

    6. checkbox-786 Option 1Option 2

      Set this to "option 2"

    7. number-452

      Set this to "5"

    8. textarea-673

      Set this to "show"

    9. url-755

      Set this to "test.com"

    Logic - Show - If Any
    Show IF CHANGED

    1. Show IF CHANGED The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-556

      Type anything

    4. date-814

      Set this to "2022-04-01"

    5. email-770

      Set this to "test@cf7s.com"

    6. number-287

      Set this to "5"

    7. tel-219

      Set this to "1234567890"

    8. textarea-752

      Type anything

    9. url-122

      Set this to "test.com"

    Logic - Show- If Any
    Show IF MORE THAN

    1. Show IF MORE THAN The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-635

      Set this to "v5"

    4. date-198

      Set this to "2022-04-01"

    5. email-714

      Set this to "test@cf7s.com"

    6. number-692

      Set this to "5"

    7. tel-211

      Set this to "1234567890"

    8. textarea-700

      Set this to "v5"

    9. url-310

      Set this to "test.com"

    Logic - Show - If Any
    Show IF LESS THAN

    1. Show IF LESS THAN The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    3. text-528

      Set this to "v3"

    4. date-573

      Set this to "2022-04-01"

    5. email-740

      Set this to "test@cf7s.com"

    6. number-881

      Set this to "5"

    7. tel-490

      Set this to "1234567890"

    8. textarea-771

      Set this to "v3"

    9. url-864

      Set this to "test.com"

    Logic - Show - If Any
    Show IF MORE THAN OR EQUAL

    1. Show IF MORE THAN OR EQUAL The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is visible and check if it is invisible when value changed

    3. text-973

      Set this to "v4" and "v5"

    4. date-829

      Set this to "2022-04-01" and "2022-04-02"

    5. email-722

      Set this to "test@cf7s.com"

    6. number-409

      Set this to “5” and “6”

    7. tel-544

      Set this to "1234567890" and "12345678900"

    8. textarea-260

      Set this to "v4" and "v5"

    9. url-631

      Set this to "test.com"

    Logic - Show- If Any
    Show IF LESS THAN OR EQUAL

    1. Show IF LESS THAN OR EQUAL The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is visible and check if it is invisible when value changed

    3. text-822

      Set this to "v4" and "v3"

    4. date-596

      Set this to "2022-04-01" and "2022-03-30"

    5. email-995

      Set this to "test@cf7s.com"

    6. number-242

      Set this to "4" and "5"

    7. tel-827

      Set this to "123456789" and "1234567890"

    8. textarea-764

      Set this to “v3” and “v4”

    9. url-132

      Set this to "test.com"

    Logic - Show - If Any
    Show IF Checked

    1. Show IF CHECKED The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    Logic - Show - If Any
    Show IF NOT CHECKED

    1. Show IF NOT CHECKED The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    Logic - Show - If Any
    Show IF NOT EMPTY

    1. Show IF NOT EMPTY The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    Logic - Show - If Any
    Show IF EMPTY

    1. Show IF EMPTY The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

    Field – If Any – Hide #

    back to top

    This form will be used to test the Hide field logic if any of the statements are true.

    Form – contact-form-7 id=”25774″ title=”Test – Logic – Standard Testing – React Version – Field – If Any – Hide (v0.3)”

      Logic - Hide - If Any
      Hide IF EQUAL

      1. Hide if Equal The below test text field will be hidden if the logic works

      3. text-614

        Set this to "hide"

      4. checkbox-776 Option 1Option 2

        Set this to "option 2"

      5. date-982

        Set this to "2022-04-01"

      6. email-633

        Set this to "test@cf7s.com"

      7. number-561

        Set this to "5"

      8. radio-808 Option 1Option 2

        Set this to "Option 2"

      9. select-513

        Set this to "Option 2"

      10. tel-143

        Set this to "1234567890"

      11. textarea-788

        Set this to "hide"

      12. url-994

        Set this to "test.com"

      Logic - Hide - If Any
      Hide If NOT Equal

      1. Hide if NOT Equal The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

      3. text-492

        Default Value : hide , Action : Change to any other value

      4. checkbox-709 Option 1Option 2

        Set this to "option 2"

      5. date-717

        Set this to "2022-04-01"

      6. email-428

        Set this to "test@cf7s.com"

      7. number-560

        Set this to "5"

      8. radio-215 Option 1Option 2

        Set this to "Option 2"

      9. select-494

        Set this to "Option 2"

      10. tel-872

        Set this to "1234567890"

      11. textarea-858

        Set this to "hide"

      12. url-535

        Set this to "test.com"

      Logic - Hide - If Any
      Hide IF CONTAINS

      1. Hide IF CONTAINS The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

      3. text-405

        Set this to "hide"

      4. date-725

        Set this to "2022-04-01"

      5. email-411

        Set this to "test@cf7s.com"

      6. checkbox-786 Option 1Option 2

        Set this to "option 2"

      7. number-452

        Set this to "5"

      8. textarea-673

        Set this to "hide"

      9. url-755

        Set this to "test.com"

      Logic - Hide - If Any
      Hide IF CHANGED

      1. Hide IF CHANGED The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

      3. text-556

        Type anything

      4. date-814

        Set this to "2022-04-01"

      5. email-770

        Set this to "test@cf7s.com"

      6. number-287

        Set this to "5"

      7. tel-219

        Set this to "1234567890"

      8. textarea-752

        Type anything

      9. url-122

        Set this to "test.com"

      Logic - Hide - If Any
      Hide IF MORE THAN

      1. Hide IF MORE THAN The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

      3. text-635

        Set this to "hiddden"

      4. date-198

        Set this to "2022-04-01"

      5. email-714

        Set this to "test@cf7s.com"

      6. number-692

        Set this to "5"

      7. tel-211

        Set this to "1234567890"

      8. textarea-700

        Set this to "hide"

      9. url-310

        Set this to "test.com"

      Logic - Hide - If Any
      Hide IF LESS THAN

      1. Hide IF LESS THAN The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

      3. text-528

        Set this to "hide"

      4. date-573

        Set this to "2022-04-01"

      5. email-740

        Set this to "test@cf7s.com"

      6. number-881

        Set this to "5"

      7. tel-490

        Set this to "1234567890"

      8. textarea-771

        Set this to "hide"

      9. url-864

        Set this to "test.com"

      Logic - Hide - If Any
      Hide IF MORE THAN OR EQUAL

      1. Hide IF MORE THAN OR EQUAL The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

      3. text-973

        Set this to "v4" and "v5"

      4. date-829

        Set this to "2022-04-01" and "2022-04-02"

      5. email-722

        Set this to "test@cf7s.com"

      6. number-409

        Set this to "5"

      7. tel-544

        Set this to "123456789" and "12345678900"

      8. Set this to "v4" and "v5"

      9. url-631

        Set this to "test.com"

      Logic - Hide- If Any
      Hide IF LESS THAN OR EQUAL

      1. Hide IF LESS THAN OR EQUAL The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

      3. text-822

        Set this to "v4" and "v3"

      4. date-596

        Set this to "2022-04-01" and "2022-03-30"

      5. email-995

        Set this to "test@cf7s.com"

      6. number-242

        Set this to "v4" and "v3"

      7. tel-827

        Set this to "123456789" and "12345678900"

      8. url-132

        Set this to "test.com"

      Logic - Hide - If Any
      Hide IF Checked

      1. Hide IF CHECKED The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

      Logic - Hide - If Any
      Hide IF NOT CHECKED

      1. Hide IF NOT CHECKED The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

      Logic - Hide - If Any
      Hide IF NOT EMPTY

      1. Hide IF NOT EMPTY The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

      Logic - Hide - If Any
      Hide IF EMPTY

      1. Hide IF EMPTY The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

      Field – If All – Show – Logic #

      back to top

      Form – contact-form-7 id=”26457″ title=”Test – Logic – Standard Testing – React Version – Field – If All – Show (v0.3)”

        Logic - Show - If All
        Show IF EQUAL

        1. Show if Equal The below test text field will be visible if the logic works

        3. text-614

          Set this to "show"

        4. checkbox-776 Option 1Option 2

          Set this to "option 2"

        5. date-982

          Set this to "2022-04-01"

        6. email-633

          Set this to "test@cf7s.com"

        7. number-561

          Set this to "5"

        8. radio-808 Option 1Option 2

          Set this to "Option 2"

        9. select-513

          Set this to "Option 2"

        10. tel-143

          Set this to "1234567890"

        11. textarea-788

          Set this to "show"

        12. url-994

          Set this to "test.com"

        Logic - Show- If All
        Show If NOT Equal

        1. Show if NOT Equal The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

        3. text-492

          Default Value : show , Action : Change to any other value

        4. checkbox-709 Option 1Option 2

          Default Value : option 2, Action : Set this to "option 1"

        5. date-717

          Default Value : 2022-04-01, Action : Change to any other value

        6. email-428

          Default Value : test@cf7s.com, Action : Change to any other value

        7. number-560

          Default Value :5, Action : Change to any other value

        8. radio-215 Option 1Option 2

          Default Value : option 2, Action : Set this to "option 1"

        9. select-494

          Default Value : option 2, Action : Set this to "option 1"

        10. tel-872

          Default Value : 1234567890, Action : Change to any other value

        11. textarea-858

          Default Value : show, Action : Change to any other value

        12. url-535

          Default Value : test.com, Action : Change to any other value

        Logic - Show - If All
        Show IF CONTAINS

        1. Show IF CONTAINS The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

        3. text-405

          Set this to "show"

        4. date-725

          Set this to "2022-04-01"

        5. email-411

          Set this to "test@cf7s.com"

        6. checkbox-786 Option 1Option 2

          Set this to "option 2"

        7. number-452

          Set this to "5"

        8. textarea-673

          Set this to "show"

        9. url-755

          Set this to "test.com"

        Logic - Show - If All
        Show IF CHANGED

        1. Show IF CHANGED The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

        3. text-556

          Type anything

        4. date-814

          Set this to "2022-04-01"

        5. email-770

          Set this to "test@cf7s.com"

        6. number-287

          Set this to "5"

        7. tel-219

          Set this to "1234567890"

        8. textarea-752

          Type anything

        9. url-122

          Set this to "test.com"

        Logic - Show - If All
        Show IF MORE THAN

        1. Show IF MORE THAN The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

        3. text-635

          Set this to "v5"

        4. date-198

          Set this to "2022-04-01"

        5. email-714

          Set this to "test@cf7s.com"

        6. number-692

          Set this to "5"

        7. tel-211

          Set this to "1234567890"

        8. textarea-700

          Set this to "v5"

        9. url-310

          Set this to "test.com"

        Logic - Show - If All
        Show IF LESS THAN

        1. Show IF LESS THAN The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

        3. text-528

          Set this to "v5"

        4. date-573

          Set this to "2022-04-01"

        5. email-740

          Set this to "test@cf7s.com"

        6. number-881

          Set this to "5"

        7. tel-490

          Set this to "1234567890"

        8. textarea-771

          Set this to "v5"

        9. url-864

          Set this to "test.com"

        Logic - Show - If All
        Show IF MORE THAN OR EQUAL

        1. Show IF MORE THAN OR EQUAL The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

        3. text-973

          Set this to "v4" and "v5"

        4. date-829

          Set this to "2022-04-01" and "2022-04-02"

        5. email-722

          Set this to "test@cf7s.com"

        6. number-409

          Set this to "5" and "6"

        7. tel-544

          Set this to "1234567890" and "12345678900"

        8. textarea-260

          Set this to "v4" and "v5"

        9. url-631

          Set this to "test.com"

        Logic - Show - If All
        Show IF LESS THAN OR EQUAL

        1. Show IF LESS THAN OR EQUAL The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

        3. text-822

          Set this to "v4" and "v3"

        4. date-596

          Set this to "2022-04-01" and "2022-03-30"

        5. email-995

          Set this to "test@cf7s.com"

        6. number-242

          Set this to "5" and "4"

        7. tel-827

          Set this to "1234567890" and "123456789"

        8. textarea-962

          Set this to “v4” and “v3”

        9. url-132

          Set this to "test.com"

        Logic - Show - If All
        Show IF Checked

        1. Show IF CHECKED The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

        Logic - Show - If All
        Show IF NOT CHECKED

        1. Show IF NOT CHECKED The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

        Logic - Show - If All
        Show IF NOT EMPTY

        1. Show IF NOT EMPTY The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

        Logic - Show - If All
        Show IF EMPTY

        1. Show IF EMPTY The below test text field will be visible if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

        Field – If All – Hide – Logic #

        back to top

        Form – contact-form-7 id=”25779″ title=”Test – Logic – Standard Testing – React Version – Field – If All – Hide (v0.3)”

          Logic - Hide - If Any
          Hide IF EQUAL

          1. Hide if Equal The below test text field will be hidden if the logic works

          3. text-614

            Set this to "hide"

          4. checkbox-776 Option 1Option 2

            Set this to "option 2"

          5. date-982

            Set this to "2022-04-01"

          6. email-633

            Set this to "test@cf7s.com"

          7. number-561

            Set this to "5"

          8. radio-808 Option 1Option 2

            Set this to "Option 2"

          9. select-513

            Set this to "Option 2"

          10. tel-143

            Set this to "1234567890"

          11. textarea-788

            Set this to "hide"

          12. url-994

            Set this to "test.com"

          Logic - Hide - If Any
          Hide If NOT Equal

          1. Hide if NOT Equal The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

          3. text-492

            Default Value : hide , Action : Change to any other value

          4. checkbox-709 Option 1Option 2

            Set this to "option 2"

          5. date-717

            Set this to "2022-04-01"

          6. email-428

            Set this to "test@cf7s.com"

          7. number-560

            Set this to "5"

          8. radio-215 Option 1Option 2

            Set this to "Option 2"

          9. select-494

            Set this to "Option 2"

          10. tel-872

            Set this to "1234567890"

          11. textarea-858

            Set this to "hide"

          12. url-535

            Set this to "test.com"

          Logic - Hide - If Any
          Hide IF CONTAINS

          1. Hide IF CONTAINS The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

          3. text-405

            Set this to "hide"

          4. date-725

            Set this to "2022-04-01"

          5. email-411

            Set this to "test@cf7s.com"

          6. checkbox-786 Option 1Option 2

            Set this to "option 2"

          7. number-452

            Set this to "5"

          8. textarea-673

            Set this to "hide"

          9. url-755

            Set this to "test.com"

          Logic - Hide - If Any
          Hide IF CHANGED

          1. Hide IF CHANGED The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

          3. text-556

            Type anything

          4. date-814

            Set this to "2022-04-01"

          5. email-770

            Set this to "test@cf7s.com"

          6. number-287

            Set this to "5"

          7. tel-219

            Set this to "1234567890"

          8. textarea-752

            Type anything

          9. url-122

            Set this to "test.com"

          Logic - Hide - If Any
          Hide IF MORE THAN

          1. Hide IF MORE THAN The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

          3. text-635

            Set this to "hiddden"

          4. date-198

            Set this to "2022-04-01"

          5. email-714

            Set this to "test@cf7s.com"

          6. number-692

            Set this to "5"

          7. tel-211

            Set this to "1234567890"

          8. textarea-700

            Set this to "hide"

          9. url-310

            Set this to "test.com"

          Logic - Hide - If Any
          Hide IF LESS THAN

          1. Hide IF LESS THAN The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

          3. text-528

            Set this to "hide"

          4. date-573

            Set this to "2022-04-01"

          5. email-740

            Set this to "test@cf7s.com"

          6. number-881

            Set this to "5"

          7. tel-490

            Set this to "1234567890"

          8. textarea-771

            Set this to "hide"

          9. url-864

            Set this to "test.com"

          Logic - Hide - If Any
          Hide IF MORE THAN OR EQUAL

          1. Hide IF MORE THAN OR EQUAL The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

          3. text-973

            Set this to "v4" and "v5"

          4. date-829

            Set this to "2022-04-01" and "2022-04-02"

          5. email-722

            Set this to "test@cf7s.com"

          6. number-409

            Set this to "5"

          7. tel-544

            Set this to "123456789" and "12345678900"

          8. Set this to "v4" and "v5"

          9. url-631

            Set this to "test.com"

          Logic - Hide- If Any
          Hide IF LESS THAN OR EQUAL

          1. Hide IF LESS THAN OR EQUAL The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

          3. text-822

            Set this to "v4" and "v3"

          4. date-596

            Set this to "2022-04-01" and "2022-03-30"

          5. email-995

            Set this to "test@cf7s.com"

          6. number-242

            Set this to "v4" and "v3"

          7. tel-827

            Set this to "123456789" and "12345678900"

          8. url-132

            Set this to "test.com"

          Logic - Hide - If Any
          Hide IF Checked

          1. Hide IF CHECKED The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

          Logic - Hide - If Any
          Hide IF NOT CHECKED

          1. Hide IF NOT CHECKED The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

          Logic - Hide - If Any
          Hide IF NOT EMPTY

          1. Hide IF NOT EMPTY The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

          Logic - Hide - If Any
          Hide IF EMPTY

          1. Hide IF EMPTY The below test text field will be hidden if the logic works Set all the values as per the instruction and see if the test field is invisible and check if it is visible when value changed

          Post – If Any – Show – Logic #

          back to top

          Form – contact-form-7 id=”26464″ title=”Test – Logic – Standard Testing – React Version – Post – If Any -Show (v0.3)”

            Logic - Show - If Any
            Show IF Any

            2. Show if Any of the conditions are met. Conditions: 1. If the Post ID IS 18215 2. If the Post has a meta key cf7s_style

            Legend

            2. Show if Any of the conditions are met. Conditions: 1. If the Post ID is not 18216

            Post – If Any – Hide – Logic #

            back to top

            Form – contact-form-7 id=”26652″ title=”Test – Logic – Standard Testing – React Version – Post – If Any – Hide (v0.3)”

              Logic - Show - If Any
              Show IF Any

              2. Show if Any of the conditions are met. Conditions: 1. If the Post ID is 18215 2. If the Post has a meta key cf7s_style

              Legend

              2. Show if Any of the conditions are met. Conditions: 1. If the Post ID is not 18216

              Post – If All – Show – Logic #

              back to top

              Form – contact-form-7 id=”26645″ title=”Test – Logic – Standard Testing – React Version – Post – If All -Show (v0.3)

                Logic - Show - If Any
                Show IF Any
                1. text-147

                  Show if Any of the conditions are met. Conditions: 1. If the Post ID IS 18215 2. If the Post has a meta key cf7s_style

                Legend
                1. text-427

                  The Tesi field will be visible if the user is signed in

                Post – If All – Hide – Logic #

                back to top

                Form – contact-form-7 id=”26655″ title=”Test – Logic – Standard Testing – React Version – Post – If All -Hide (v0.3)”

                  Logic - Show - If Any
                  Show IF Any

                  2. Show if Any of the conditions are met. Conditions: 1. If the Post ID IS 18215 2. If the Post has a meta key cf7s_style

                  Legend

                  2. Show if Any of the conditions are met. Conditions: 1. If the Post ID is not 18216

                  User – If Any – Show – Logic #

                  back to top

                  Form – contact-form-7 id=”26662″ title=”Test – Logic – Standard Testing – React Version – User – If Any – Show (v0.3)”

                    Logic - Show - If Any
                    Show IF Any
                    1. text-147

                      Show if Any of the conditions are met. Conditions: 1. If the User is Signed in 2. If the User is Admin

                    2. text-807

                      Show if the User is an Administrator

                    3. text-931

                      Show if the User is an Editor

                    4. text-356

                      Show if the User is an Author

                    5. text-724

                      Show if the User is a Contributor

                    6. text-837

                      Show if the User is a Subscriber

                    Logic - Show - If Any
                    Show IF Any
                    1. text-499

                      Show if Any of the conditions are met. Conditions: 1. If the User is Signed in 2. If the User is Not Admin

                    2. text-830

                      Show if the User is Not an Administrator

                    3. text-904

                      Show if the User is Not an Editor

                    4. text-557

                      Show if the User is Not an Author

                    5. text-933

                      Show if the User is Not an Contributor

                    6. text-313

                      Show if the User is Not an Subscriber

                    Legend

                    1. The Tesi field will be visible if the user is signed in

                    User – If Any – Hide – Logic #

                    back to top

                    Form – contact-form-7 id=”26664″ title=”Test – Logic – Standard Testing – React Version – User – If Any -Hide (v0.3)”

                      Logic - Show - If Any
                      Show IF Any
                      1. text-147

                        Show if Any of the conditions are met. Conditions: 1. If the User is Signed in 2. If the User is Admin

                      2. text-807

                        Show if the User is an Administrator

                      3. text-931

                        Show if the User is an Editor

                      4. text-356

                        Show if the User is an Author

                      5. text-724

                        Show if the User is a Contributor

                      6. text-837

                        Show if the User is a Subscriber

                      Logic - Show - If Any
                      Show IF Any
                      1. text-499

                        Show if Any of the conditions are met. Conditions: 1. If the User is Signed in 2. If the User is Not Admin

                      2. text-830

                        Show if the User is Not an Administrator

                      3. text-904

                        Show if the User is Not an Editor

                      4. text-557

                        Show if the User is Not an Author

                      5. text-933

                        Show if the User is Not an Contributor

                      6. text-313

                        Show if the User is Not an Subscriber

                      Legend

                      1. The Tesi field will be visible if the user is signed in

                      User – If All – Show – Logic #

                      back to top

                      Form – contact-form-7 id=”28143″ title=”Test – Logic – Standard Testing – React Version – User – If All -Show (v0.4)”

                        Logic - Show - If All
                        Show IF All
                        1. text-147

                          Show if All of the conditions are met. Conditions: 1. If the User is Signed in 2. If the User is Admin/Editor/Author/Contributor/Subscriber. 3. Text-554 value is show

                        2. text-554

                          Set this to "show"

                        Logic - Show - If All
                        Show IF All
                        1. text-499

                          Set this to "Show"

                        2. text-759

                          Show if All of the conditions are met. Conditions: 1. If the User is not Administrator 2. Text-499 value is show

                        3. text-126

                          Show if All of the conditions are met. Conditions: 1. If the User is not Editor 2. Text-499 value is show

                        4. text-434

                          Show if All of the conditions are met. Conditions: 1. If the User is not Author 2. Text-499 value is show

                        5. text-137

                          Show if All of the conditions are met. Conditions: 1. If the User is not Contributor 2. Text-499 value is show

                        6. text-764

                          Show if All of the conditions are met. Conditions: 1. If the User is not subscriber 2. Text-499 value is show

                        Legend
                        2. text-891

                          Set this to "show"

                        3. text-427

                          Show if All of the conditions are met. Conditions: 1. If the User is not Signed in 2. Text-891 is set to show

                        User – If All – Hide – Logic #

                        back to top

                        Form – contact-form-7 id=”26747″ title=”Test – Logic – Standard Testing – React Version – User – If All – Hide (v0.4)”

                          Logic - Hide - If All
                          HIDE IF All

                          1. Hide Text-147 if All of the conditions are met. Conditions: 1. If the User is Signed in 2. If the User is Admin/Editor/Author/Contributor/Subscriber. 3. Text-554 value is show

                          3. text-554

                            Set this to "show"

                          Logic - Hide - If All
                          Hide IF All
                          1. text-499

                            Set this to "Show"

                          2. text-759

                            Hide if All of the conditions are met. Conditions: 1. If the User is not Administrator 2. Text-499 value is show

                          3. text-126

                            Hide if All of the conditions are met. Conditions: 1. If the User is not Editor 2. Text-499 value is show

                          4. text-434

                            Hide if All of the conditions are met. Conditions: 1. If the User is not Author 2. Text-499 value is show

                          5. text-137

                            Hide if All of the conditions are met. Conditions: 1. If the User is not Contributor 2. Text-499 value is show

                          6. text-764

                            Hide if All of the conditions are met. Conditions: 1. If the User is not subscriber 2. Text-499 value is show

                          Legend
                          2. text-891

                            Set this to "show"

                          3. Hide text-427 if All of the conditions are met. Conditions: 1. If the User is not Signed in 2. Text-891 is set to show

                          Tests #

                          back to top

                          Tests in Each Form (Tabs) #

                          back to top

                          1. SHOW/HIDE IF EQUAL
                          2. SHOW/HIDE IF NOT EQUAL
                          3. SHOW/HIDE IF CONTAINS
                          4. SHOW/HIDE IF CHANGED
                          5. SHOW/HIDE IF MORE THAN
                          6. SHOW/HIDE IF LESS THAN
                          7. SHOW/HIDE IF MORE THAN OR EQUAL
                          8. SHOW/HIDE IF LESS THAN OR EQUAL
                          9. SHOW/HIDE IF CHECKED
                          10. SHOW/HIDE IF UNCHECKED
                          11. SHOW/HIDE IF NOT EMPTY
                          12. SHOW/HIDE IF EMPTY

                          Tests in Each Tab #

                          back to top

                          SHOW/HIDE IF EQUAL #

                          1. Text Field (text-147/text-614)
                          2. Checkbox (checkbox-776)
                          3. Date (date-982)
                          4. Email (email-633)
                          5. Number (number-561)
                          6. Radio Button (radio-808)
                          7. Select Box – Dropdown (select-513)
                          8. Telephone (tel-143)
                          9. Text area (textarea-788)
                          10. URL (url-994)

                          back to top

                          SHOW/HIDE IF NOT EQUAL #

                          1. Text Field (text-492)
                          2. Checkbox (checkbox-709)
                          3. Date (date-717)
                          4. Email (email-428)
                          5. Number (number-560)
                          6. Radio Button (radio-215)
                          7. Select Box – Dropdown (select-494)
                          8. Telephone (tel-872)
                          9. Text area (textarea-858)
                          10. URL (url-535)

                          back to top

                          SHOW/HIDE IF CONTAINS #

                          1. Text Field (text-405)
                          2. Date (date-725)
                          3. Email (email-411)
                          4. Checkbox (checkbox-786)
                          5. Number (number-452)
                          6. Text area (textarea-673)
                          7. URL (url-755)

                          back to top

                          SHOW/HIDE IF CHANGED #

                          1. Text Field (text-556)
                          2. Date (date-814)
                          3. Email (email-770)
                          4. Number (number-287)
                          5. Telephone (tel-219)
                          6. Text area (textarea-752)
                          7. URL (url-122)

                          back to top

                          SHOW/HIDE IF MORE THAN #

                          1. Text Field (text-635)
                          2. Date (date-198)
                          3. Email (email-714)
                          4. Number (number-692)
                          5. Telephone (tel-211)
                          6. Text area (textarea-700)
                          7. URL (url-310)

                          back to top

                          SHOW/HIDE IF LESS THAN #

                          1. Text Field (text-528)
                          2. Date (date-573)
                          3. Email (email-740)
                          4. Number (number-881)
                          5. Telephone (tel-490)
                          6. Text area (textarea-771)
                          7. URL (url-864)

                          back to top

                          SHOW/HIDE IF MORE THAN OR EQUAL #

                          1. Text Field (text-973)
                          2. Date (date-829)
                          3. Email (email-722)
                          4. Number (number-409)
                          5. Telephone (tel-544)
                          6. Text area (textarea-260)
                          7. URL (url-631)

                          back to top

                          SHOW/HIDE IF LESS THAN OR EQUAL #

                          1. Text Field (text-822)
                          2. Date (date-596)
                          3. Email (email-995)
                          4. Number (number-242)
                          5. Telephone (tel-827)
                          6. Text area (textarea-764)
                          7. URL (url-132)

                          back to top

                          SHOW/HIDE IF CHECKED #

                          1. Acceptance (acceptance-514)

                          SHOW/HIDE IF UNCHECKED #

                          1. Acceptance (acceptance-615)

                          SHOW/HIDE IF NOT EMPTY #

                          1. File (file-526)

                          SHOW/HIDE IF EMPTY #

                          1. File (file-653)

                          back to top

                          Further Reading:

                          Notes #

                          Add notes here