> For the complete documentation index, see [llms.txt](https://docs.overleaf.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.overleaf.com/navigating-in-the-editor/working-with-the-pdf-viewer/editor-and-pdf-layout-and-sizing.md).

# Editor & PDF layout and sizing

You can adjust the placement and size of the components within the Overleaf editor window.

## Layout options

The following image shows the Layout options menu with a checkmark next to the currently active option(s); here, it is the default setting of **Split view**:

<figure><picture><source srcset="/files/W9AWdyz95PLhu1zLvhdn" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2Fu3vH6vQdTJvSs9Wq9VKq%2FScreenshot%202026-10-06%20at%2011.00.33.png?alt=media&amp;token=c03999b8-7fac-4c2c-8bb4-ac307525b7c9" alt="The layout options menu open. The options are 1. Split view (selected), 2. Editor only, 3. PDF only, 4. Open PDF in separate tab, and 5. Focus mode."></picture><figcaption></figcaption></figure>

The remainder of this article demonstrates each of the five options and the functionality they provide.

### Split view (the default)

This default option uses a single browser tab to display the LaTeX editor and PDF preview. This arrangement works well if you have a large display screen with sufficient space to organize your work. If you are using a laptop connected to a large external screen, the [#open-pdf-in-a-separate-tab](#open-pdf-in-a-separate-tab "mention") option, displaying the LaTeX editor and PDF preview in separate browser tabs, can be a more convenient configuration.<br>

<figure><picture><source srcset="/files/wML89JAZi8mnhRnVeu3u" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FPSS7pUr6d77Seao7bUyN%2FLayoutDefault-Light-NewEditor.png?alt=media&amp;token=e2aecfb9-2cd0-4eb2-ac1a-88c3a104a783" alt="Image of the default layout of the editor of the editor and PDF preview in the same browser tab"></picture><figcaption><p>Layout default</p></figcaption></figure>

### Editor only + PDF only

If you wish to temporarily hide the PDF preview or LaTeX text editor, you can use the layout modes of Editor only or PDF only and easily switch between them as required. Besides the [#layout-options](#layout-options "mention") menu, there are other ways to switch between the **Split view**, **Editor only**, and **PDF only** modes, depending on your current mode.

{% tabs %}
{% tab title="Small arrow" %}

<table data-header-hidden><thead><tr><th width="404.328125"></th><th width="155.0078125"></th></tr></thead><tbody><tr><td>In <strong>Split view</strong>, you can hide the PDF (switch to <strong>Editor only</strong>) using the small arrow to the right of the source code.</td><td><picture><source srcset="/files/tRVPg0uROn67uT3zItVF" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FVmtkZiXv7YLwPWTU3fbh%2FHideThePDF-Light-NewEditor.png?alt=media&amp;token=45ee784e-f26f-4e6e-9904-0ac0cc7916a5" alt="Image of the &#x22;Click to hide the PDF&#x22; button" data-size="original"></picture></td></tr><tr><td>In <strong>Editor only</strong>, you can show the PDF (switch to <strong>Split view</strong>) using the same small arrow.</td><td><picture><source srcset="/files/2RW6CcRTIrobgBYJylAf" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FGGs2TGGpgbmmL4Cv4R7Y%2FShowThePDF-Light-NewEditor.png?alt=media&amp;token=60df4bd7-d560-4f6a-ad9b-71696200595c" alt="Image of the &#x22;Click to show the PDF&#x22; button"></picture></td></tr></tbody></table>
{% endtab %}

{% tab title="Switch to editor + Switch to PDF buttons" %}

<table data-header-hidden><thead><tr><th width="406.78125"></th><th width="154.89581298828125"></th></tr></thead><tbody><tr><td>In <strong>PDF only</strong>, you can switch to <strong>Editor only</strong> using the button in the top-right corner of your screen.</td><td><picture><source srcset="/files/Ir0RtjvdJakGBr7oZQ87" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2Fq9ICM3e5qq2QzcaTvn9Y%2FSwitchToEditor-Light-NewEditor.png?alt=media&amp;token=5ea1964c-6bac-4cee-99c4-d16a9589fd36" alt="Image of the &#x22;Switch to editor&#x22; button" data-size="original"></picture></td></tr><tr><td>In <strong>Editor only</strong>, you can switch to <strong>PDF only</strong> using the button in the top-right corner of your screen.</td><td><picture><source srcset="/files/QeJrzIufa7ocduCiIfz9" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FP8vbHgXQH4FaWCe4Diy6%2FSwitchToPDF-Light-NewEditor.png?alt=media&amp;token=d1903990-cd8e-4206-8e86-ed2b121d1cc1" alt="Image of the &#x22;Switch to PDF&#x22; button" data-size="original"></picture></td></tr><tr><td>In <strong>Focus mode</strong>, simplified swapping buttons are introduced.</td><td><p><picture><source srcset="/files/8ed7pTqtuZedvk8x9tEH" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2F9XJBSeHfAYJRyGGuYxyv%2FScreenshot%202026-10-06%20at%2011.06.45.png?alt=media&amp;token=3672d292-4838-4b31-a4a1-d1ca72d40ad8" alt="The condensed switch to PDF icon, showing its label when hovered over." data-size="original"></picture></p><p></p><p><picture><source srcset="/files/zJkGyHxy5hCvaqNcDW5f" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FGWDNrcfRo6jtXaIdYuMm%2FScreenshot%202026-10-06%20at%2011.06.55.png?alt=media&amp;token=4f163e21-c89d-4b11-b44b-9171de805643" alt="The condensed switch to Editor icon, showing its label when hovered over." data-size="original"></picture></p></td></tr></tbody></table>
{% endtab %}
{% endtabs %}

### Open PDF in a separate tab

This layout option uses separate browser tabs for the Overleaf text editor and PDF preview, making it possible to work with Overleaf on two screens; for example, viewing the PDF preview on a laptop screen with the LaTeX editor displayed on a second, much larger, external screen—providing a convenient way to edit the LaTeX text.

{% columns %}
{% column %}

<figure><picture><source srcset="/files/dQQMn9qjVwuxETXM3fag" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FnZnBdPMAguuc0QiPsCcn%2FPDFSeparateTab-Light-NewEditor.jpg?alt=media&amp;token=a59b9d4d-43eb-466e-a991-503f9ac48556" alt="Image of PDF in different tab and the &#x22;Open PDF in separate tab&#x22; layout option selected" width="375"></picture><figcaption></figcaption></figure>
{% endcolumn %}

{% column %}

<figure><picture><source srcset="/files/X7EyDaWmrweIfYMbzkpE" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2F6vvfIwwlG9aQzhIe81tJ%2FPDFTab-Light-NewEditor.jpg?alt=media&amp;token=9a225ec3-0e1b-4acd-b4b8-fad90b1eb4bf" alt="Image of PDF in the selected tab with the Recompile button still visible" width="375"></picture><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

{% hint style="success" %}
Having the PDF preview displayed on a separate screen can be useful during video presentations, enabling attendees to focus on the PDF without becoming distracted by the source code, which is on another (unshared) screen.
{% endhint %}

## Focus mode

Select **Focus mode** (⌘/Ctrl+⇧+M) to hide non-essential buttons and toolbars to allow you to concentrate on writing. It works in combination with the Layout options above. While Focus mode is active the following are hidden:

* The menubar (File, Edit, Insert, etc.)
* The History and Share buttons
* Sidebar options (toggles for File Tree, Project Search, Integrations, etc.)
* Sidebar panels (File Tree panel, Review panel, Integrations panel, etc.)
* Editor tools (Insert Math, Insert Table, etc.)

### Focus mode with different layouts

{% tabs %}
{% tab title="Split view" %}
In Split view's focus mode, there aren't any side panels and there are simplified options in the main project toolbar.

<figure><picture><source srcset="/files/PjQZRET1QMmUEBsqg6Ia" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FjsNQ7iLFITSxCCfnUcMQ%2FScreenshot%202026-10-06%20at%2010.18.41.png?alt=media&amp;token=8a008cfc-1a60-4ea1-928b-82faba4e5e57" alt="The editor and PDF viewer in split mode in combination with Focus mode. Only a simplified toolbar shows across the top." width="563"></picture><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Editor only" %}
Editor only's focus mode is similar to Split view's focus mode but with a **Switch to PDF** optio&#x6E;**.**

<figure><picture><source srcset="/files/MEuJNsFhfQVdV8gB1uBj" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FbVxUxSjrsEm9AgpIiPpn%2FScreenshot%202026-10-06%20at%2010.19.55.png?alt=media&amp;token=cc1246c1-d90b-4c24-bb7f-ffaf00de1c35" alt="The Editor-only view along with Focus mode showing the simplified toolbar at the top. There&#x27;s no PDF preview showing." width="563"></picture><figcaption></figcaption></figure>
{% endtab %}

{% tab title="PDF only" %}
PDF only's focus mode is similar to Split view's focus mode but with a **Switch to editor** optio&#x6E;**.** The PDF toolbar remains the same.

<figure><picture><source srcset="/files/LaZj5WVk7GGjwZvH1mzF" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FweIvtFGl1fXs6IVdYXhk%2FScreenshot%202026-10-06%20at%2010.20.16.png?alt=media&amp;token=74adcc2b-8926-4402-8922-3acfdc51a9ca" alt="The PDF-preview only view with focus mode. The PDF toolbar is still available and the simplified toolbar above." width="563"></picture><figcaption></figcaption></figure>
{% endtab %}

{% tab title="PDF in separate tab" %}
Notice the PDF viewer is in a separate browser tab. The **Show in code** button appears (top right) for [Moving between the editor and PDF](/navigating-in-the-editor/working-with-the-pdf-viewer/moving-between-the-editor-and-pdf.md).

<figure><picture><source srcset="/files/t40VmzKyTbqm8jPzR95l" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FQVxC9viM2wsajo9InHmu%2FScreenshot%202026-10-06%20at%2010.22.49.png?alt=media&amp;token=1062215f-519b-4b05-88d5-7c1119e470cd" alt="Two windows overlapping. The window underneath is the editor-only view and the one on window is the PDF-only preview with focus mode activated." width="563"></picture><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Tabs" %}
Open tabs stay accessible so you don't need to exit to swap between files. More details on tabs in the [next section](#tabs-1).

<figure><picture><source srcset="/files/6s3Hel0HdiORFVNXoaPB" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FPrVL6d36NUlac26CADPd%2FScreen%20Recording%202026-10-06%20at%2010.32.00.gif?alt=media&amp;token=1b9dc1ec-20ff-47ec-8937-49ba32bc7364" alt="A loop showing two tabs open with the Editor-only and focus modes active. The first tab is a Markdown list of tasks for the project. The other is the main.txt. The user adds strikethrough for an item on the list and then goes back to editing by clicking the main.tex tab." width="563"></picture><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Command Palette" %}
Join our [Labs program](/accounts-and-security/overleaf-labs.md) to try out the [Command palette](https://docs.overleaf.com/accounts-and-security/overleaf-labs/live-experiments#command-palette). With this upgrade you can extend your reach right from the keyboard without leaving Focus mode. You can even swap between tabs by searching the name of the file and selecting it.

<figure><picture><source srcset="/files/58eqt9JUogt4ulDUjZYo" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FyQ90LdbnA5Dq9h3pXg7r%2FScreenshot%202026-10-06%20at%2010.48.35.png?alt=media&amp;token=e6b13a0e-ff57-4ab1-8608-e547f968abf3" alt="The Command palette menu open and showing lots of document commands." width="429"></picture><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## Tabs

When you click on a file in the file tree, it will open as a tab at the top of the editor. Tabs make it easy to switch between your main `.tex` file, bibliography, images, and any other project files.

<figure><picture><source srcset="/files/1kWuRf3XZaYBrlMpTui4" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FnGKW6l0Pq5dXZUDk9nEt%2FScreenshot%202026-10-06%20at%2017.18.48.png?alt=media&amp;token=450076ca-71e6-4822-beb7-73d38d2729d7" alt="Three tabs open: 1. stb-template.tex (selected), 2. references.bib, 3. booksvg.pdf (italicized)"></picture><figcaption></figcaption></figure>

By default, tabs stays open until you close it by using the **x** button to the right of the tab. If you right-click a tab, you will be presented with options to **Close** the current tab, **Close other tabs**, or **Close tabs to the right** (if they exist):

<figure><picture><source srcset="/files/pzBSvzOgZ63OUR9kfYM7" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FxmFAIvSeGwIRnhqQnGrY%2FScreenshot%202026-10-08%20at%2014.37.28.png?alt=media&amp;token=99f24d73-6333-4277-9225-fa983be3ec39" alt="The Tab right-click menu" width="223"></picture><figcaption></figcaption></figure>

### Preview editor tabs

A **preview editor tab** (denoted by an italicized file name, e.g. *booksvg.pdf* in the previous image) is useful when you are quickly flicking through files and don't want to congest the editor with lots of open tabs.

When enabled, selecting another unopened file will replace the previewed file accordingly. A preview editor tab becomes a regular editor tab when you interact with its contents, or when you double-click the file name either in the tab or in the file tree.

{% hint style="info" %}
Preview tabs are off by default. Go to File > Settings > Editor (or select **Tab settings** from the menu that appears after right-clicking a tab) to toggle **Preview editor tabs** on.
{% endhint %}

## Resizing

To hide the file list or preview panes altogether, click on the thin panels at the side of the vertical divider bars. You can restore the file list and preview panels by clicking on the respective arrow buttons again.

<figure><picture><source srcset="/files/1AVABiEteRXo9NvpXmeV" media="(prefers-color-scheme: dark)"><img src="https://3502988919-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVetOkhFZmAC8QCQK0Pi7%2Fuploads%2FuQStmeQFfba1YvXfbpLv%2FResizing-Light-NewEditor.gif?alt=media&amp;token=99a85a82-328e-4ced-90b1-94b0884c726f" alt="GIF of resizing options"></picture><figcaption><p>Resizing, hiding and restoring the file list, source code and preview panels</p></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.overleaf.com/navigating-in-the-editor/working-with-the-pdf-viewer/editor-and-pdf-layout-and-sizing.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
