Conditional Popup

Not really.. But you can get a bit with creative with CSS and make a certain group appear like a popup, with some CSS like this:

  [data-id="g"] {
    height: auto;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: lightgreen !important;
    border: 10px solid green !important;
    font-size: 20px;
    border-radius: 30px;
  }

example form: https://conditional-fields-cf7.bdwm.be/form-tester/?hash=15e92aa8e06cf031fb39df2733c1cc01

This is just a simple starting point. You might want to add some backdrop styling and a close button. (The close button should update the state of the input field inside the form.) So short answer: it is possible, but you’ll need to experiment by adding some JS code, or hire a developer to do the implementation for you.

Feel free to use the form tester to fiddle away with the form, you can add scripts in the form as well by enclosing them with <script></script> tags. Just make sure that you don’t add any blank lines (CF7 will convert these to <p> tags.)

If you figure out a solution please share the form tester link here.

• This reply was modified 3 years, 8 months ago by Jules Colle.