Last Updated on March 24, 2023 by Neil Murray

Marking up a Gridform

Marking up a Gridform is quite intuitive, you’ll get a handle on it quickly. Start by giving your form element a grid-form class to turn it into a Gridform.

rows: A div element with the data-row-span attribute makes up a row. Give the attribute a value of 2 to divide it into 2 columns, give it a value of 3 to divide it into 3 columns and so on.

fields: Each row has a set of fields. Fields are wrapped in div elements and have a data-field-span attribute attached to it. Set to “1” in this example, which means the field spans 1 columns.

Form – contact-form-7 id=”144″ title=”Grid”

Error: Contact form not found.