• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Simplify

Simplify

WordPress Development

  • Blog
  • Form Examples
  • Contact Us

Gravity Forms

Setting Up SPF records for outlook on SiteGround

Additional Comments

  • Service provider is Godaddy

Filed Under: Gravity Forms, Uncategorized April 25, 2023 Leave a Comment

Demo: Gravity Forms Center Fields on Background

The objective is to recreate this:

Form Setup

CSS

/* Override title style */
.gform_title {
  background: red;
  text-align: center;
	font-size: 3em;
	font-weight: 900;
}

/* Center submit button */
.gform_footer.top_label {
  justify-content: center;
}

/* Override submit button style */
#gform_submit_button_17 {
  background: white;
  border: red;
  color: red;
  border-radius: 25px;
}

Additional Comments

  • I use Genesis Blocks Pro for layouts. I selected a layout with a solid background, changed the columns to 1, and changed the background to red.
  • I edited field settings to hide the field label (found under appearance of each field setting)
  • I used HTML fields to center the last form field. These fields would need to be hidden when viewing on Mobile Device.
  • I added ‘ ’ to each html field so that they had content

Filed Under: Gravity Forms, Uncategorized March 28, 2023 Leave a Comment

Using Legal Sign by ForGravity

  1. Create your pdf template
  2. Create a gravity form from your pdf template
  3. Add your template
  4. Setup a feed
  5. Configure your workflow
  6. Legal consent field
  7. The document hub
  8. Using a Gravityflow workflow step
  9. Displaying documents with gravity view
  10. Hooks
    • After Generate
    • Limit templates to those created on current site

Filed Under: Gravity Forms December 13, 2022 Leave a Comment

Dynamically populate an html field or a form input field on page 2 with a value obtained from an input field on page 1

Click here to see an example

Form Fields

  • Page 1
    • Text field
  • Page 2
    • HTML Block (contains javascript)
    • HTML Block (contains paragraph with element to insert the value obtained from page 1
    • Text Field (value obtained from page 1 is inserted into this field.

The Code

HTML Block 1 Javascript

<script type="text/javascript">
    jQuery(document).on('gform_post_render', function (event, form_id, current_page) {

        // code to trigger on form or form page render
        if (current_page == 2) {
            // Get the value from page 1
            var x = document.getElementById("input_7_14").value;
            // form_id == 7
            // field id == 14 
            //   this is the field on page 1
            // field id == 14 
            document.getElementById("bs_insert_word").innerHTML = x;
            document.getElementById("input_7_9").value = x;
        }
    })
</script>

HTML Block 2 with paragraph setup to include input from form 1

The word '<span id="bs_insert_word"></span>' from page one has been inserted in this paragraph.

Screenshot of form

Filed Under: Gravity Forms, Javascript December 6, 2022 Leave a Comment

Primary Sidebar

Categories

  • Affinipay
  • ApproveMe.com
  • Caching
  • Genesis Framework
  • Gravity Forms
  • Gravityflow
  • Gravityforms
  • HubSpot
  • Integrations
  • Javascript
  • LegalSigning
  • MemberPress
  • Oncehub
  • SiteGround Management
  • Stripe
  • Testing
  • Troubleshooting
  • Uncategorized
  • User Functionality
  • Web Development
  • WordPress Development
  • WP Webhook Pro

Footer

Design

With an emphasis on typography, white space, and mobile-optimized design, your website will look absolutely breathtaking.

Learn more about design.

Content

Our team will teach you the art of writing audience-focused content that will help you achieve the success you truly deserve.

Learn more about content.

Strategy

We help creative entrepreneurs build their digital business by focusing on three key elements of a successful online platform.

Learn more about strategy.

Copyright © 2023 · Genesis Sample on Genesis Framework · WordPress · Log in