{"id":6402,"date":"2021-04-27T12:01:04","date_gmt":"2021-04-27T16:01:04","guid":{"rendered":"http:\/\/localhost\/documentation\/"},"modified":"2023-08-08T11:51:37","modified_gmt":"2023-08-08T15:51:37","slug":"form-editor","status":"publish","type":"post","link":"https:\/\/docs.gravityforms.com\/form-editor\/","title":{"rendered":"The Form Editor"},"content":{"rendered":"\n

Overview<\/h2>\n\n\n\n

The Form Editor is where most of your design and layout effort for your will be spent. Our editor layout is designed with a similar look and feel to the Block Editor in WordPress, so it should be pretty intuitive. But if this is your first steps with WordPress, or you are transitioning from a different form editor, then below you can find a quick overview of each of the areas of the form editor screen.<\/p>\n\n\n\n

Top Bar<\/h2>\n\n\n\n

The top horizontal bar of the Gravity Forms Form Editor offers the following options:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
    \n
  1. Shows you the form you are editing, and allows you to quickly switch to other forms.<\/li>\n\n\n\n
  2. Go to Form Settings<\/a>.<\/li>\n\n\n\n
  3. Go to this form\u2019s Entries list<\/a>.<\/li>\n\n\n\n
  4. *Embed this form<\/a> in a post or page.<\/li>\n\n\n\n
  5. Show a preview of this form.<\/li>\n\n\n\n
  6. Update the form and capture the changes you have made.<\/li>\n<\/ol>\n\n\n\n

    * Note: The Embed Form option<\/a> was adding in Gravity Forms 2.6<\/a>.<\/p>\n\n\n\n

    The Field Library<\/h2>\n\n\n\n

    The right hand side of the Form Editor screen is where you can find the library of all available fields that can be added to your form.<\/p>\n\n\n\n

    \n
      \n
    1. The search bar allows you to quickly find any field.<\/li>\n\n\n\n
    2. Two tabs are offered to this section, Here the Add Fields tab is selected, which shows all the available field categories.<\/li>\n\n\n\n
    3. This tab gives you access to the field settings of the selected field, and will auto-select when you are select a field.<\/li>\n\n\n\n
    4. All the available fields are shown here, grouped under multiple field type categories. Choose the category you are interested in, and it will expand to reveal all the available field of that category.<\/li>\n<\/ol>\n\n\n\n

      The following categories of fields are usually available here:<\/p>\n\n\n\n