# Interface: EditLayout

[Mobile Document Scanner API Reference](../index.md) / EditLayout

# Interface: EditLayout

Defined in: [src/settings/settings.ts:358](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/src/settings/settings.ts#L358)

New content for the areas of the edit screen. Each area takes a template, or
`false` to remove the area with its buttons. The document scanner always draws
these parts: the pages, the buttons over the pages (thumbnails, previous page,
and next page), and the bar of a mode.

## Properties

### footer?

> `optional` **footer?**: `false` \| `HTMLTemplateElement`

Defined in: [src/settings/settings.ts:365](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/src/settings/settings.ts#L365)

The bar below the pages. It holds delete, undo, redo, rectify, rotate, and
filter.

***

### header?

> `optional` **header?**: `false` \| `HTMLTemplateElement`

Defined in: [src/settings/settings.ts:360](https://github.com/Dynamsoft/document-scanner-javascript/blob/main/src/settings/settings.ts#L360)

The bar above the pages. It holds cancel, add page, and done.