[Layouts](https://www.cv-transformer.com/en/docs/layouts) [Layout editor](https://www.cv-transformer.com/en/docs/layouts/editor)

# Layout editor

1 min read

The layout editor is where you design a layout. Open it by clicking a layout on the **Layouts** page. Changes save automatically; undo and redo them with the arrows in the header.

![The layout editor: the tree and translations on the left, the canvas in the middle and the Design tab on the right](https://ddcaybdkekwxbpgpotoa.supabase.co/storage/v1/object/public/common/pages/d48a1de9-ec23-4997-b315-5a1f232c00aa/layout-editor.jpg)

## [Parts of the editor](#parts-of-the-editor)

- **Header**: the layout's name, the page size, undo and redo, and the layout's menu.
- **Tree**: the structure of the layout, with its sections and the elements in them. Drag elements to move them.
- **Canvas**: the layout with example content. Click an element to select it.
- **Sidebar**: settings in five tabs:
  - **Element**: the selected element's type, layout, spacing, borders and visibility. See [Building blocks](https://www.cv-transformer.com/en/docs/layouts/building-blocks) and [Conditional content](https://www.cv-transformer.com/en/docs/layouts/conditions).
  - **Design**: design tokens, fonts, images and custom CSS. See [Styling](https://www.cv-transformer.com/en/docs/layouts/styling).
  - **Data**: the layout's variables. See [Variables](https://www.cv-transformer.com/en/docs/layouts/variables).
  - **Sharing**: the PDF filename, the web version and instructions for colleagues. See [Web version and PDF export](https://www.cv-transformer.com/en/docs/layouts/web-version).
  - **Publishing**: publishing the layout to the library. See [Publishing layouts](https://www.cv-transformer.com/en/docs/layouts/publishing).

## [Page size](#page-size)

Choose the page size in the header: **A4**, **US Letter**, **PowerPoint 16:9**, **PowerPoint 4:3**, or a custom width and height.

## [Sections](#sections)

A layout consists of sections, in the order they appear in the PDF. Add one with **New section**. There are three types:

- **Single page**: one page with a fixed size, such as a cover page.
- **Multi page**: a header, body and footer. The body continues over as many pages as its content needs, and every page repeats the header and footer.
- **Attachment**: adds files to the PDF, such as your terms and conditions for every candidate, or files you choose per candidate.

## [Languages](#languages)

A layout can have several languages, so the same layout makes proposals in each of them. See [Translations](https://www.cv-transformer.com/en/docs/layouts/translations).

[PreviousLayout library](https://www.cv-transformer.com/en/docs/layouts/library) [NextBuilding blocks](https://www.cv-transformer.com/en/docs/layouts/building-blocks)