Interface Customization#

Multiple elements in the Notebook interface can be customized via the Settings Editor.

Layout#

By default some widgets are displayed in pre-defined parts of the user interface, which are often called “areas” or “regions”. For example the table of contents will be displayed in the left area by default, while the debugger will be displayed in the right area.

However the positioning of some of these components can also be customized via the Settings Editor. Below are a few examples of how to do this.

Open the Markdown Preview on the left#

It is often useful to be able to see a rendered preview of a Markdown document while editing it.

By default the Markdown Preview opens on the right side of the application. However it is also possible to open it on the left side by changing the Notebook Shell settings in the Advanced Settings Editor:

{
  "layout": {
    "Markdown Preview": {
      "area": "left"
    }
  }
}

a screenshot showing the markdown preview in Notebook 7

Configuring a third-party widget#

Third-party extensions can also add widgets to the application shell. This is for example the case with the Voila extension, which adds a preview widget to visualize a notebook as a dashboard.

By default in JupyterLab the Voila Preview is added to the main area next to the corresponding notebook. With Notebook 7 it is possible to move the Voila Preview to the right area by changing the Notebook Shell setting in the Advanced Settings Editor as follows:

{
  "layout": {
    "Voila Preview": {
      "area": "right"
    }
  }
}

a screenshot showing the voila preview in Notebook 7

Note

Refer to the JupyterLab Layout Documentation to learn more about the default positioning of other UI elements.

Toolbars, Menu bar and Context Menu#

It is also possible to customize toolbars, menus and context menu entries via the Settings Editor.

For example the items of the notebook toolbar can be reordered, or some menu entries can be hidden.

Note

Refer to the JupyterLab Documentation to learn more about general interface customization via the settings editor.