Articles

gform_state_pre_encode

This article explains how to use the gform_state_pre_encode action hook to add values to the form state before it is encoded.

gform/form_editor/initialized

The gform/form_editor/initialized event is triggered after the form editor has been initialized. It allows developers to perform actions once the editor is ready.

gform/ajax/post_submission_request

The gform/ajax/post_submission_request filter is used to modify the AJAX response after a form is submitted via AJAX, but before the markup is reloaded.

gform_text_counter_template

The gform_text_counter_template filter allows developers to modify the text counter template string.

CSS Visual Guide

Gravity Forms are structured so that every element can be targeted and manipulated via CSS. Most elements share reusable class names to affect styling, and many elements have unique ID’s that you can use to target specific elements within the form. By using CSS inheritance, you can effectively style every element in your form.

CSS Visual Guide and Design Overview (Legacy)

We’ve put together a simple visual guide to help illustrate the structure of a form and the Legacy CSS class relationship.

Form Wrapper CSS Selectors (Legacy)

Overview and examples of the Legacy CSS selectors available for form wrappers.

Form Heading CSS Selectors (Legacy)

Overview and examples of the Legacy CSS selectors available for form headings.

Form Body CSS Selectors (Legacy)

Overview and examples of the Legacy CSS selectors available for the main form content, field list, list items, field input container, description container and required field indicator.

Form Footer CSS Selectors (Legacy)

Overview and examples of the Legacy CSS selectors available for form footers.