[Support request] Responsive Form sending Email

Home Forums Support Responsive Form sending Email

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #343054
    Juergen

    Hi Tom,

    I am currently working on a form. Web-User should fill the form with their address and some more data fields. The form also should include a re-captcha and have the option to define required fields.
    I want that for smaller input fields 2 or 4 are in one row and depending on responsive view it breaks down.

    What is your suggestion to get this done in combination with GeneratePress? It would be a nice Premium functionality to provide a form creator.

    Do you have other suggestions that work very well with GeneratePress. Or some code for creating a own plugin would also be very nice.

    Looking forward to hear your feedback!

    Regards,
    Juergen

    GP Premium 1.3.1
    #343172
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Have you tried a plugin like Ninja Forms or Gravity Forms? There’s tons of contact form plugins out there, and they’ll all work with GP 🙂

    #343307
    Roberto Enrique

    I use Contact Form 7 without issues with Generatepress together with the unsemantic classes built in you can achieve what you want with some patience.

    My code for the CF7 is like this:

    The css part:

    
    /*CONTACT FORM 7 STYLES*/
    
    .cf7-custom-style > div {/*adding some margin to fields*/
        margin: 0.5em 0;
    }
    
    .wpcf7-form-control, .wpcf7-form-control-wrap {
        width: 100%;
    }
    
    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], textarea {
        border:3px solid #000;
    }
    

    Then I create my forms with this logic:

    
    <div class="cf7-custom-style">
    <div class="grid-50">
    [text* your-name placeholder "Enter Your Name"]
    </div>
    <div class="grid-50">
    [email* your-email placeholder "Your Email address"]</div>
    <div class="grid-100">
    [text your-subject placeholder "Subject"]
    </div>
    <div class="grid-100">
    [textarea your-message placeholder "Ask us anything!"]
    </div>
    <div class="grid-100">[submit "Send"]</div>
    </div>
    

    Is not as fancy as Gravity or Ninja but it also have an smaller price tag 🙂

    #343656
    Juergen

    Hi Roberto,

    thanks for feedback – that is very valuable for me!

    Regards,
    Juergen

    #346362
    Juergen

    Hi Roberto,

    I applied your code and contact form7 looks great with that.

    Thanks again!
    Juergen

    #374439
    Max

    Roberto

    Thanks very much for the code snippet you provided above.

    It was exactly what I needed to solve a curly problem.

    Anyone managed to achieve a two column form using GPs grid and Fast Secure Contact Form as I am running it on some other sites:

    http://www.fastsecurecontactform.com/two-column-form

    Kind Regards

    Max

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.