WebStorm 9.0.0 Web Help

Project tool window | context menu | Show Thumbnails

The Thumbnails tool window provides the functions similar to those of an image browser. It shows thumbnails for folders and image files, and lets you perform related navigation and image management tasks.

To open the tool window, use the Show Thumbnails command in the Project tool window (Ctrl+Shift+TCtrl+Shift+TCtrl+Shift+TCtrl+Shift+TCtrl+Shift+TCtrl+Shift+TCtrl+Shift+TCtrl+Shift+TShift Command TShift Command TShift Command T). Then, unless you close the tool window, you can show and hide it as described in the section Manipulating the Tool Windows.

Title bar context menu

The title bar context menu provides the options for controlling the tool window viewing modes. It also contains the commands for associating the tool window with a different tool window bar, resizing and hiding the tool window.

To access the menu, right-click the window name (Thumbnails).

Note that most of the menu options may alternatively be accessed by means of the title bar icons.

Item Shortcut Description
Pinned, Docked, Floating, Split Mode These options let you control general appearance and behavior of the tool window, see Viewing Modes.
Move to To associate the tool window with a different tool window bar, select this command, and then select the destination tool window bar (Top, Left, Bottom or Right).
Resize To resize the tool window by moving one of its borders, select this command, and then select the necessary Stretch to option.

Note that this command is not available in the floating mode.

Hide Shift+EscapeShift+EscapeShift+EscapeShift+EscapeShift+EscapeShift+EscapeShift+EscapeShift+EscapeShift EscapeShift EscapeShift Escape Use this command to hide the tool window.

Title bar icons

Item Shortcut Description
viewMode Use this icon to open the menu for changing the tool window viewing modes.
hideSide Shift+EscapeShift+EscapeShift+EscapeShift+EscapeShift+EscapeShift+EscapeShift+EscapeShift+EscapeShift EscapeShift EscapeShift Escape Use this icon or shortcut to hide the tool window .

When used in combination with the Alt key, clicking this icon hides all the tool windows attached to the same tool window bar.

Toolbar icons

The toolbar icons provide access to the most frequently used functions available in the tool window. The same and other functions are available as context menu commands in the content pane.

Item Shortcut Description
icon_level_up Backspace Use this icon or shortcut to move one level up in the folder hierarchy.

The path to the current folder is shown on the title bar to the right of the tool window name.

flattenPackages Ctrl+numpad* Use this icon or shortcut to turn the Recursive option on or off.

If this option is off, subfolders of the current folder and image files located in the root of the current folder are shown.

If this option is on, the subfolders are not shown; the image files located in the current folder and all its subfolders are shown.

The following picture shows the contents of the same folder with the Recursive off and on.

recursive_on_off

icon_chessboard Use this icon to show or hide a "chessboard".

The "chessboard" (a checkered area) is shown underneath the images so that you can see transparent image areas for .gif and .png files.

The following picture shows the same thumbnail with the "chessboard" shown and hidden.

chessboard_shown_hidden

close Ctrl+F4Ctrl+F4Ctrl+4Ctrl+F4Ctrl+F4, Ctrl+X, K or Ctrl+X, 0Ctrl+F4Ctrl+F4 or Ctrl+WCtrl+F4Command WCommand F4Command W Use this icon to close the tool window.

Content pane: context menu commands

When you right-click an item in the content pane, the context menu for this item is shown.

The following table lists and briefly explains the main context menu commands for thumbnails. Other commands, functionally, are similar to those in the Project tool window.

Item Shortcut Description
Browse EnterEnterEnterEnterEnterEnterEnterEnterEnterEnterEnter For a folder: use this command to view the folder contents (subfolders and images).

The same command may alternatively be accessed by double-clicking a folder.

Jump to Source F4F4F4F4F4F4F4F12 or Ctrl+Shift+ECommand Down or F4F4F3 or EnterEnterEnterEnterEnterEnterEnterEnterEnterEnterEnter For an image file: use this command to view the selected file in the editor.

The same command may alternatively be accessed by double-clicking an image thumbnail.

Level up Backspace Use this command to move one level up in the folder hierarchy.
Recursive Ctrl+numpad* Use this command to turn the Recursive option on or off.
Show or Hide Chessboard Use this command to show or hide the chessboard.
Close thumbnails Ctrl+F4Ctrl+F4Ctrl+4Ctrl+F4Ctrl+F4, Ctrl+X, K or Ctrl+X, 0Ctrl+F4Ctrl+F4 or Ctrl+WCtrl+F4Command WCommand F4Command W Use this command to close the tool window.
Jump to External Editor Ctrl+Alt+F4Ctrl+Alt+4Ctrl+Alt+4Ctrl+Alt+4Ctrl+Alt+F4Ctrl+Alt+F4Ctrl+Alt+F4Ctrl+Alt+F4Alt Command F4Alt Command F4Alt Command F4 For an image file: use this command to open the image in an external editor.

See Also

Procedures:

Reference:

Getting Started:

Web Resources: