---
title: "Build a form with the advanced editor"
url: "https://docs.4hse.com/forms/advanced-editor"
description: "How to build a form in the advanced editor by dragging components, change their properties and check the result."
---

# Build a form with the advanced editor

The advanced editor builds a form by placing components in a work area. Among other things, fields can be placed side by side, arranged in different layouts and duplicated. See [Forms](/forms/) for how it differs from the simple editor, and [Create a form](/forms/create-a-form) to open the editor, set the launch points and save.

## Build the form

[Section titled “Build the form”](#build-the-form)

1.  Add a component from the **Components** panel on the left:
    -   drag it onto the preview in the centre and drop it where it should appear;
    -   or click it: it is added after the selected item, inside the selected layout or, if nothing is selected, at the end of the form.
2.  Select the item by clicking it in the preview or in the **Tree** tab. The panel on the right shows its properties: text, size, margins, default value and others, depending on the component. See [The advanced editor panels](/forms/editor).
3.  Two icons appear on the selected item: one duplicates it, the other deletes it.
4.  To place fields side by side or build a table, first add a layout component, then the fields inside it. See [Layouts](/forms/layouts).
5.  Check the result with the **Preview** icon in the toolbar. The **Undo** and **Redo** icons step back and forward through your changes.
6.  Save the form.

![A form in the advanced editor](/_astro/related-forms-1-c.Cj3MH39x_Z1XIswz.webp)

## Add a script to a form

[Section titled “Add a script to a form”](#add-a-script-to-a-form)

Select the **Form** item, the first in the **Tree** tab, and open the **Input** section of the properties panel: the script is written in the **Event Map** field.

A script is JavaScript code that the form runs while it is being filled in. It can, for example, prefill a field with data from the item the form was opened from, as the attendance register does with the list of participants. How to write a script is explained in [Add a script to a form](/forms/add-a-script).

This site is protected by reCAPTCHA and the Google [Privacy Policy](https://policies.google.com/privacy) and [Terms of Service](https://policies.google.com/terms) apply.