Easyform documentation
Install easyformSchedule free trainingEasyapps home
  • Getting started
  • What's new
  • Easyform vs monday forms
  • Supported column types
  • ⚡Pro plan features
  • Pre-filling form fields with URL parameters
  • Mobile friendly forms
  • Rich text support
  • Fill forms inside monday
  • Links
    • Marketplace Listing
    • Book a call
  • Form settings
    • Adding, removing and reordering form fields
    • Item default values
    • Page style
    • Responsive field size
    • Right to left support
    • Form logo
    • Form title
    • Form description
    • Hiding field labels (compact mode)
    • Form colors
    • Submit button
    • Thank you page
    • Rounded corners
  • Adding New Fields
    • About adding new fields
    • Adding a text field
    • Adding a long text field
    • Adding a Connect Boards field
    • Adding a URL link field
    • Adding a phone field
    • Adding a numbers field
    • Adding a email field
    • Adding a date field
    • Adding a checkbox field
    • Adding a single choice field
    • Adding a multiple choice field
    • Adding a file upload field
    • Adding a people field
    • Adding a tags field
    • Adding a location field
  • Field specific settings
    • About field specific settings
    • Make a field required
    • Responsive field width
    • Editing a field's label / placeholder
    • Editing a field's description
    • Files Column Settings
    • Status column display modes
    • Dropdown column display modes
    • Connect Boards Column Support
    • People Column Support
    • Tags Column Support
    • Location Column Support
  • Shared field settings
    • About shared field settings
    • Responsive field size
    • Hiding field labels (compact mode)
    • Field colors
    • Field rounded corners
  • Publishing the form
    • Publishing the form
    • Publishing changes
    • Sharing the form
    • Embedding the form
  • Embedding Easyform
    • Embedding in Wix
    • Embedding in Shopify
    • Embedding in Softr.io
    • Embedding in Webflow
    • Embedding in WordPress
  • How To's
    • Embedding an Easyform in a WordPress Page
Powered by GitBook
On this page
  • Overview
  • Set the field width
  • Set a different field width on mobile devices
  1. Field specific settings

Responsive field width

PreviousMake a field requiredNextEditing a field's label / placeholder

Last updated 2 years ago

Overview

With easyform, you can display up to 4 fields on the same line. This feature allow you to create professional looking forms that don't use a lot of screen space when embedded. Here's an example:

Set the field width

For each specific field in the form, you can select one of the following field widths: 25%, 50%, 75%, and 100% (the default). This allows you to display multiple fields on the same line.

For example, here's how you display a name and email field on the same line. First, set the Name field width to 50%:

Then, set the Email field width to 50%:

Set a different field width on mobile devices

With easyform, you can define a separate field width for mobile devices. This allows you to create responsive forms that look great and are easy to fill on mobile devices. For example, you can set the width the Name and Email fields from the example above back to 100% on mobile devices. To do this, first click the mobile device icon next to the Width setting:

Then, set the Name field width back to 100%:

Finally, set the Email field width back to 100%:

Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen