Grid
Overview
The Grid field allows you to organize your form fields in a column-based layout. It acts as a special section where you can add your form fields side by side in columns. Instead of all the fields stacked vertically, a grid allows you to place fields in two or three columns within your form. You can drag and drop the fields into these columns to create a more organized and compact layout.
Zoho Forms offers three different grid styles
- 1-Column
- 2-Column
- 3-Column
1-Column
This is the traditional stacked layout, where all fields in the Grid appear one below the other.
2-Column
Fields can be placed within this grid style will appear side by side in two columns. This is ideal for pairs of related fields, such as phone number and email when collecting contact information.
3-Column
Fields placed within this grid style will appear side by side in three columns, providing a more compact design. This is ideal for short related input fields, such as highest degree, years of experience, and employment status when collecting education and employment related details from candidates.
Configuring Grid Field
- In your Form Builder, under the Grid section, choose your preferred column layout.
- Drag and drop your existing or new form fields into the Grid field. Upon dragging the fields, you will be prompted with visual indicators showing where they will be placed within the columns.
- You can rearrange the fields within the Grid by dragging and dropping them to different positions within the column. You can also move fields into the Grid from anywhere on your form, and move out the fields from the Grid to the main form.
Notes:
- The Grid field is supported only in the form's latest version.
- You can add up to 50 Grid fields in a single form.
- A maximum of 30 fields can be placed inside a single Grid field, regardless of the column count.
- In 2-Column and 3-Column grids, the Field Size property is automatically set to 'Large', and is therefore hidden from individual field properties.
- The Field Layout property (allowing horizontal or vertical arrangement) remains specifically available for Name and Address fields.
- The following fields are not supported inside the Grid field- Grid, Matrix Choice, Unique ID, Random ID, Page Break, Subform, and Payment.
Grid Properties
Header: By default, the Grid's header is hidden on the live form. You can choose to show it by clicking the Show button under field properties.
Field Label: Use the Field Label to provide a name or title for your Grid, helping to group the fields within it. If you choose to show the header, the Field Label supports Rich Text formatting, allowing you to insert various styles or even insert dynamic content from other form fields.
Reference Label: This acts as a field identifier and is crucial while configuring form settings, integrations, and other workflows. The reference label will not appear on the live form.
Instructions: You can specify the instructions or hints for the specific grid section to help your respondents fill out the form.
Expand/ Collapse: Enabling this option adds an arrow to the top-right corner of the Grid on the live form. Users can expand and collapse the Grid by clicking on the arrow.
Deleting a Grid Field
To delete a Grid field, hover over the Grid that you want to remove. Upon clicking the Delete icon, select your preference out of the two options that appear on the pop-up:
- Delete Grid: This option removes only the Grid container. The fields inside the Grid will not be deleted and will return to a standard, stacked layout on your form, appearing where the Grid used to be. The fields will appear in sequence, starting from the leftmost column and continuing to the right.
- Delete Grid with Fields: Choosing this option will remove the entire Grid along with all its fields. CAPTCHA validation must be done to proceed deletion with fields.
Access your files securely from anywhere
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Centralize Knowledge. Transform Learning.
All-in-one knowledge management and training platform for your employees and customers.
New to Zoho Writer?
Create. Review. Publish.
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
New to Zoho Survey?
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
New to Bigin?
Related Articles
Changing Form Type
Changing between Standard, Spotlight, and Card form types provides flexibility in designing and presenting forms to suit different use cases. The choice between form types depends on the complexity of the form and the user experience you want to ...How to select the right choice field type for your form
Choice fields are fundamental elements in form creation. It helps you collect clear and structured data by allowing respondents to select one or more options from a predefined set. Beyond the basic question-and-answer type fields, the choice field ...Creating custom PDF Template
Table of contents Creating your template from the scratch PDF Layout Elements Text Image Horizontal Line Vertical Line Table Summary Table Header and Footer Fields Matrix Choice Image Upload Image Choices Subform My Templates Password Protection ...Spacer
Spacer field adds vertical spacing between form elements, improving the visual structure and readability of a form. Unlike the Divider (a visible line) or the Section (a labeled header), the Spacer field has no visible line or label; it simply adds ...Overview
Fields are the building blocks of your forms. To get the right data from your respondents, you need to choose the appropriate form fields based on the details that you wish to collect. A form field typically consists of: Field Name: The text or label ...
New to Zoho LandingPage?
Zoho LandingPage Resources