This section describes the buttons on the title bar of the tool window and
the options on the context menu of the title bar.
Turn these options on and off to have elements of certain types hidden or shown and
configure the way they are presented.
The buttons on the title bar are common for all language contexts.
The set of options on the context menu depends on the context.
The buttons on the title bar are common for all language contexts.
Item
Tooltip
Description
Collapse AllCtrl+NumPad -
Click this button to have all the nodes in the tool window collapsed.
Expand AllCtrl+NumPad Plus
Click this button to have all the nodes in the tool window expanded.
Click this button to open the context menu and configure the appearance of the tool window,
its viewing mode, and the way it presents the structure of the current file by turning the menu items on or off.
Hide Shift+Escape
Click this button to hide the tool window.
HTML, XML
Icon
Tooltip
Description
Sort Alphabetically
Click this button to have the elements within a class sorted alphabetically.
HTML5 Outline
Click this button on to view HTML 5 outline of a HTML file:
Collapse AllCtrl+NumPad -
Click this button to have all the nodes in the tool window collapsed.
Expand AllCtrl+NumPad Plus
Click this button to have all the nodes in the tool window expanded.
Autoscroll to Source
Click this button to enable automatic navigation to the line of source code that corresponds to the selected node when the focus switches to the editor.
Autoscroll from Source
Click this button to have PhpStorm automatically move the focus in the Structure tool window to the node
that corresponds to the code where the cursor is currently positioned in the editor.
JavaScript, TypeScript, CoffeeScript
Icon
Tooltip
Description
Sort Alphabetically
Click this button to have the elements within a class sorted alphabetically.
Group Methods by Defining Type
Click this button to have all the methods that override/implement the methods of a particular
class/interface grouped under the node that corresponds to this class/interface.
Show Fields
Click this button to have all fields (properties) shown in the tree.
Show Inherited
Click this button to display all the methods and fields inherited by the current class
and accessible from it. The inherited members are displayed gray to tell them
from the members defined in the current class.
Collapse AllCtrl+NumPad -
Click this button to have all the nodes in the tool window collapsed.
Expand AllCtrl+NumPad Plus
Click this button to have all the nodes in the tool window expanded.
Autoscroll to Source
Click this button to enable automatic navigation to the line of source code that corresponds to the selected node when the focus switches to the editor.
Autoscroll from Source
Click this button to have PhpStorm automatically move the focus in the Structure tool window to the node
that corresponds to the code where the cursor is currently positioned in the editor.
PHP
Title Bar
Besides the buttons that are common for all language contexts, the title bar in the PHP context contains two additional toggle buttons.
Icon
Tooltip
Description
PHP
Toggle this button to view the hierarchy of PHP elements. The button is always present on the toolbar but is enabled only when the current PHP class or file contains fragments of HTML code.
HTML
Toggle this button to view the hierarchy of HTML elements in a PHP class or file. The button is only available is the current PHP class or file contains fragments of HTML code.
Context Menu
Icon
Tooltip
Description
Sort by Visibility
Click this button to have the items sorted by their visibility in the following order:
public - protected - package local - private.
Sort Alphabetically
Click this button to have the elements within a class sorted alphabetically.
Show Inherited
Click this button to display all the methods and fields inherited by the current class
and accessible from it. The inherited members are displayed gray to distinguish them
from the members defined in the current class.
Show Includes
Click this button to have all files included through include or require statements
shown in the tree.
Show Fields
Click this button to have all fields (properties) shown in the tree.
Show Constants
Click this button to have constants shown in the tree.
Collapse AllCtrl+NumPad -
Click this button to have all the nodes in the tool window collapsed.
Expand AllCtrl+NumPad Plus
Click this button to have all the nodes in the tool window expanded.
Autoscroll to Source
Click this button to enable automatic navigation to the line of source code that corresponds to the selected node when the focus switches to the editor.
Autoscroll from Source
Click this button to have PhpStorm automatically move the focus in the Structure tool window to the node
that corresponds to the code where the cursor is currently positioned in the editor.