WebStorm 2021.1 Help

Arrange tool windows

By default, tool windows are attached to the edges of the main window. You can detach them to use as separate windows, as described in Tool window view modes.

Move a tool window

  • Press and hold Alt, click the tool window button, and drag it on the tool window bar.

    Drag a tool window

    To drag tool windows without pressing Alt, open the Settings/Preferences dialog Ctrl+Alt+S, go to Appearance and Behavior | Appearance, and clear the Drag-and -drop with Alt pressed only checkbox in the UI Options area.

  • Alternatively, you can click the tool window options menu The tool window options menu or right-click the tool window title bar and select where to attach the tool window under Move to.

    Tool window options menu: Move to

Resize a tool window

  • Click and drag the border of a tool window.

To resize the active tool window in steps, select the corresponding actions under Window | Active Tool Window | Resize from the main menu that are by default assigned to the following shortcuts: Ctrl+Shift+Left, Ctrl+Shift+Right, Ctrl+Shift+Up, Ctrl+Shift+Down.

To stretch the tool window to the maximum width or height, press Ctrl+Shift+Quote or select Window | Active Tool Window | Resize | Maximize Tool Window from the main menu.

Restore the default arrangement of tool windows

  • From the main menu, select Window | Restore Default Layout or press Shift+F12.

Save the arrangement of tool windows

  • From the main menu, select Window | Store Current Layout as Default.

Optimize for wide-screen monitors

WebStorm provides several options to optimize the positioning of tool windows on wide-screen monitors.

  1. In the Settings/Preferences dialog Ctrl+Alt+S, select Appearance & Behavior | Appearance.

  2. Under Tool Windows, configure the following:

    • Widescreen tool window layout: Maximize the height of vertical tool windows by limiting the width of horizontal tool windows.

      The Widescreen tool window layout option is disabled
      The Widescreen tool window layout option is enabled
    • Side-by-side layout on the left and Side-by-side layout on the right: Display vertical tool windows that are attached to the top and bottom edges in two columns instead of stacked on top of each other.

      Side-by-side layout is off
      Side-by-side layout is on
  3. Click OK to apply the changes.

Last modified: 14 April 2021