# Form builder overview

Tour the Pristo CX form builder: how to open it from a questionnaire, its editor, side menu and settings panel, and how it works on smaller screens.

The form builder is where you design a Pristo CX questionnaire: its pages, questions, conditions, languages and look. To open it, go to **Management**, then **Questionnaires**, and select **Edit questionnaire** on the questionnaire's card. The builder opens in the questionnaire's **Edit questionnaire** tab. Account admins and program admins can use the form builder.

![A questionnaire holds a chapter, and the chapter holds pages. Respondents leave the pages through an exit point, which shows the end page and records a status on the response.](https://docs.pristo.io/_astro/questionnaire-structure.light.RowSyWMo.svg)

## Opening and leaving the builder

The **Share** tab next to **Edit questionnaire** holds the questionnaire's links. If a questionnaire has no content yet, Pristo CX first asks you to start from a blank questionnaire or a template, as described in [Create a questionnaire](https://docs.pristo.io/cx/questionnaires/create-a-questionnaire). To leave the builder, select **Back to all questionnaires** above the tabs.

The form builder saves your work on its own: every minute, when you move the pointer out of the builder, and before it opens a preview or publishes. To save at once, select the **Save** icon in the header or press Ctrl+S.

## The parts of the builder

| Part | Where | What it does |
|---|---|---|
| Side menu | Left edge | Opens the builder's panels. The buttons show icons; point to one to see its name |
| Header | Top | The questionnaire's name, the version menu, search, the save status, undo and redo, **Preview** and **Publish** |
| Editor | Middle | The questionnaire's pages, sections and questions, laid out as respondents see them |
| Settings panel | Right edge | The settings of the element you select. With nothing selected it shows **Select an element to activate this panel** |

## Side menu

| Button | What it opens |
|---|---|
| **Editor** | The pages, sections and questions. Every other panel opens over the editor; close the panel to return |
| **Conditions** | Show conditions: rules that show or hide a question, section or choice depending on earlier answers. See [Show or hide questions with conditions](https://docs.pristo.io/cx/form-builder/conditions) |
| **Localizations** | The questionnaire's translations. See [Translate a questionnaire](https://docs.pristo.io/cx/form-builder/translate-a-questionnaire) |
| **Style** | Themes and colors. Every plan has two themes; the other themes and custom colors need the Standard or Pro plan. See [Change the look of a questionnaire](https://docs.pristo.io/cx/form-builder/style) |
| **Versions** | The published versions, with their dates and release notes. See [Publish a questionnaire](https://docs.pristo.io/cx/form-builder/publish-and-versions) |
| **Settings** | The questionnaire's name, its language and its flow |
| **issues** | Problems to fix before publishing. A red dot on the button means at least one error |
| **Tutorials** | Quick tutorials on using the builder |

In this release, the side menu has no button for exit points. [Set up the end page and exit points](https://docs.pristo.io/cx/form-builder/exit-points) explains how to reach them.

## The editor

A bar above the questions shows the number of the page you are on and how many pages there are, counting the end page. It holds the page names, the **end page** tab after the last page, the **ADD PAGE** button and the page width. Below the bar, each page holds sections, and each section holds questions in rows.

- To add a question, point between two rows and select the plus sign. The list of question types opens; see [Question types](https://docs.pristo.io/cx/form-builder/question-types).
- To add a section, select **Add new section**.
- To change a question or section, select it. Its settings open in the settings panel.
- To work with pages, see [Add and organize pages in a questionnaire](https://docs.pristo.io/cx/form-builder/chapters-and-pages).

The editor has these keyboard shortcuts:

| Shortcut | Action |
|---|---|
| Ctrl+S | Save now |
| Ctrl+Z | **Undo** |
| Ctrl+Y | **Redo** |
| Ctrl+D | **Duplicate** the selected question, row or section |
| Ctrl+M | **Move to page** |

## Drafts and published versions

You always edit a draft. New respondents get the last published version, so your changes reach them when you publish. A published version opens read-only, with the notice **This version is already published. To edit it click the "Edit" button.** To change it, select **Edit** in the header. [Publish a questionnaire](https://docs.pristo.io/cx/form-builder/publish-and-versions) explains versions.

## Screen size

The form builder opens on any screen size and adapts its layout to the space it has:

| Screen | Layout |
|---|---|
| A large computer screen | The settings panel stays open beside the editor |
| A smaller computer screen, or a tablet held sideways | The settings panel folds into a tab on the side. Select the tab to open or close it |
| A phone, or a tablet held upright | The settings panel opens full screen when you select an element. The back arrow returns to the editor |

On most tablets, the header hides the version menu and search, and on a phone it also hides undo and redo. For the full set of tools, use a computer or a large tablet.

## Related

- [Question types](https://docs.pristo.io/cx/form-builder/question-types)
- [Add and organize pages in a questionnaire](https://docs.pristo.io/cx/form-builder/chapters-and-pages)
- [Preview a questionnaire](https://docs.pristo.io/cx/form-builder/preview)
- [Publish a questionnaire](https://docs.pristo.io/cx/form-builder/publish-and-versions)
- [Create a questionnaire](https://docs.pristo.io/cx/questionnaires/create-a-questionnaire)