PhpStorm 2021.3 Help

Diagram toolbar and context menu

Use the diagram editor toolbar to quickly access actions and the context menu to manage the displayed diagram.

Toolbar

Item

Description

the Key Columns button

Click this button to show primary key columns in diagram .

the Columns button

Click this button to show columns in diagram .

the Show Path Root Selection icon

Select dependencies and click this icon to see how they are connected to the root.

the Show Neighbors of Selected Nodes

Select dependencies and click this icon to see what other dependencies are connected to the selected nodes.

the Change Visibility Level icon

Click this icon to select the dependency scope you want to see. PhpStorm displays only the specified dependency scope.

Icons graph snap to grid

Click this icon to add borders to the nodes in your diagram.

Zoom In

Click this icon to increase the scale of the diagram. Alternatively, press NumPad+.

Zoom Out

Click this icon to decrease the scale of the diagram. Alternatively, press NumPad-.

Actual Size

Click this icon to restore the actual size of the diagram.

Fit Content

Click this icon to make the contents fit into the current diagram size.

Apply Current Layout

Click this icon to apply the current layout, selected from the Layout node of the diagram context menu.

Save diagram

Click this icon to save the current diagram in the specified location as xml file.

Export to file

Click this icon to save the diagram in an image file with the specified name and path. The possible formats are: jpeg, png, svg, svgz, or gif.

the Print button

Click this icon to print the diagram.

Print Preview

Click this icon to open the diagram preview in a separate frame, where you can configure the page layout, scale, and headings information.

Context menu

The table below contains commands that are not available from the toolbar.

Item

Description

New

Use this node to add new elements to a diagram.

Show Categories

Shows or hides categories like columns or key columns.

Add Class to Diagram

Enables adding an existing class to the diagram. Start typing the class name and select the target item from the completion list.

Delete

Deletes the selected diagram.

Refactor

This node contains refactoring commands, enabled in the current context.

Jump to Source

Choose this command to open the selected diagram node element in the editor.

Find Usages

Choose this command to search for usages of the selected node element.

Layout

Select the desired diagram layout from the submenu.

Route Edges

Select this action to center the diagram in the editor.

Show Edge Labels

Check this command to show multiplicities in diagram.

Export to Image File

Saves the diagram in an image file with the specified name and path. The possible formats are: jpeg, png, svg, svgz, or gif.

Print

Prints the diagram.

Save UML Diagram

Saves the current diagram in the specified location as xml file.

Last modified: 19 March 2022