> For the complete documentation index, see [llms.txt](https://support.docstudio.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.docstudio.com/user/template-builder/template-editor/template-editor-interface-overview.md).

# ​Template Editor Interface Overview

{% hint style="info" %}
See the [Glossary](https://support.docstudio.com/glossary/glossary) for DocStudio term definitions.
{% endhint %}

### UI map

<figure><img src="/files/KTg3qrGXWgbvkfgxlm0l" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="47.79998779296875">#</th><th width="267.20001220703125">UI element</th><th>What it does</th></tr></thead><tbody><tr><td>1</td><td>Document list / navigation panel</td><td>Shows all template documents. Lets you switch documents or add new ones.</td></tr><tr><td>2</td><td>Zoom control</td><td>Changes the zoom level for easier editing.</td></tr><tr><td>3</td><td>Paragraph style selector</td><td>Applies paragraph styles like headings and paragraphs.</td></tr><tr><td>4</td><td>Font selector</td><td>Changes the font family for selected text.</td></tr><tr><td>5</td><td>Font size</td><td>Changes the font size for selected text.</td></tr><tr><td>6</td><td>Text formatting tools</td><td>Applies formatting like bold, italic, underline, and colors.</td></tr><tr><td>7</td><td>Text alignment controls</td><td>Aligns text left, center, right, or justified.</td></tr><tr><td>8</td><td>Insert link / media / table</td><td>Inserts links, images, and tables.</td></tr><tr><td>9</td><td>Lists and indentation tools</td><td>Creates bulleted/numbered lists. Adjusts indentation.</td></tr><tr><td>10</td><td>Additional insert options</td><td>Opens more insert actions for extra blocks and components, such as page breaks and vertical slips.</td></tr><tr><td>11</td><td>Context menu</td><td>Opens extra actions, such as cloning a document, deleting it, and defining page size and orientation.</td></tr><tr><td>12</td><td>Side panel navigation</td><td>Switches panels like Fields, Templates, and Flow.</td></tr><tr><td>13</td><td>Document workspace</td><td>The main area where you edit document content.</td></tr></tbody></table>