Setup Instructions

• Install and activate the plugins:
  • Gravity Forms
  • Gravity Forms Styles Pro
• Add/enable all required snippets:
  • Block Google Fonts for all plugins
  • Form – Main Form Script
  • Form – Placeholder Form Script (redirect logic)
  • Forms – CSS
• Download the icon pack from the design
• Download the auto-advanced icons from the design (if needed)
• Download the form from:
  https://dev.netfame.de/leadform-master/netfameaccess
• Update the CSS variable values in the styles
• Insert the form shortcode []:

gravityform id="1" title="false" description="false" ajax="true" tabindex="0"

Old documentation:
https://docs.google.com/document/d/14BEA8P5fax3i0otkaoeujbKt3c67J4OMwJB_thqZXvs/edit?tab=t.0

Form Classes

General Field Classes

form-image-text-field – add to fields that contain images.

field-check-block – used for fields that should have a bordered container.

link-color-hover link-underline privacy-policy-agreement field-check-block – use for the privacy policy field.

form__page-description – use for the text inside the HTML heading field that acts as a description.

form__success – use for the HTML success field displayed after the form is completed.

form__success-img / form__success-text – classes for the content inside the success field (image / text).

form__lock – use for the field with the lock icon.

Classes for Different Form Types

form-auto-advanced lead-form – base classes for the lead form.

form-submit-center form-user-data – use for the user-data form.

form-contact – use for the contact form.

form-auto-advanced full-width-form lead-form form-submit-without-obligation_wrapper – use for the real-estate form.

page-simple-fields – use for pages with simple fields in the real-estate form.

Button Classes

form-submit-center – centers the submit button (for simple forms without steps).

form-submit-custom-arrow – adds a custom arrow to the submit button (for simple forms without steps).

form-submit-full-width – stretches the button to full width.

form-submit-without-obligation – adds the “without obligation” text to the button.

Other Classes

form-postal-code – use for postal code fields to display an icon.

field-gap-top – adds top spacing to a field.

form-info-description – use for fields with an informational icon in the description.

no-auto-advanced – disables automatic transition to the next step for a field.