Editor page

Editor page

Creating content means filling in the fields that hold it (text, numbers, media, and so on). These are either the preset fields of a collection or the custom fields you added in the Builder (see Setting up fields).

Every record opens in the same editor: a top bar with the record name, the </> API, History and Save controls, and the list of fields below it.

Next, let's take a closer look at the editors for collection records and for single pages.

Editing a collection record

Editor page

  1. Record name Repeats the value of the preset Name field. The same name is shown in the top-bar breadcrumb.
  2. Save button Saves your changes. It turns green and reads Saved when the save succeeds.
  3. Name field The preset field that every collection has (it is locked in the Builder and can't be removed). Its value becomes the record name in p.1.
  4. Other fields All the custom fields you added in the Builder — here Description, Price, and the rest (see Builder).

Editing a single page

Editor page

A single page differs from a collection record in two ways: its name is static — it doesn't change while you edit and is shown both in the sidebar and as the page heading — and it has no preset Name field. Every field on a single page is one you defined yourself.

Error while saving

Editor page

If a required field is left empty, pressing Save won't save the record — instead you'll see an error notification.

  1. The empty required field Required fields are marked with a red *. In our case the required Price field is empty.
  2. The error message A notification appears in the top-right corner naming the field that's missing (Required field is empty: Price). Fill it in and save again.

Field validation

Fields with format rules (for example an Email field) are checked the same way — if the value doesn't match the rule, the record won't save until you fix it.

Successful saving

Once every required field is filled correctly, the Save button turns green and reads Saved. This confirms the record was saved.

Editor page

Filling fields

Field typeHow to fill
TextType the content into the text field.
Rich textWrite and format your content in the block editor: use the toolbar (headings, bold, lists, tables, images, and more) or type / to insert a block. You can switch between the New and Legacy editors.
NumberType a number. The up/down arrows on the right of the field step the value up or down.
DateClick the calendar-and-clock icon to open the date picker, or click the field and enter the date and time manually.
BooleanToggle the state On or Off by clicking the switch.
EmailEnter a complete, valid email address — the @ sign and a domain are required.
PasswordEnter a password. After you save and reopen the record the field is empty; typing a new value and saving overwrites the old one.
SelectClick the dropdown and pick a value, or use the search inside the field to find it.
RelationType at least one character to search for the record you want to link to, then pick it from the dropdown.
MediaClick Upload image, choose a file from your device, and optionally add an Alt text.
ArrayEnter the values separated by the delimiter set for the field, or add them as separate blocks.
JSONEnter valid data in JSON format.
AutogenerateDepending on the field's setup in the Builder you'll see either a slug of the selected field or the result of combining two fields. These fields are read-only.
ComponentFill in the group of fields for a single component. For a multi-component, add as many components as you need and fill each one in.

Read next topic — Navigation

On this page