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 |
|---|---|
| Click this button to show primary key columns in diagram . |
| Click this button to show columns in diagram . |
| Select dependencies and click this icon to see how they are connected to the root. |
| Select dependencies and click this icon to see what other dependencies are connected to the selected nodes. |
| Click this icon to select the dependency scope you want to see. PhpStorm displays only the specified dependency scope. |
| Click this icon to add borders to the nodes in your diagram. |
| Click this icon to increase the scale of the diagram. Alternatively, press NumPad+. |
| Click this icon to decrease the scale of the diagram. Alternatively, press NumPad-. |
| Click this icon to restore the actual size of the diagram. |
| Click this icon to make the contents fit into the current diagram size. |
| Click this icon to apply the current layout, selected from the Layout node of the diagram context menu. |
| Click this icon to scale the diagram to the edges of the window. |
| Click this icon to copy the diagram into the clipboard. |
| Click this icon and then select any diagram area with the mouse cursor: the selected area will be copied into the clipboard. |
| Click this icon to export a diagram using various formats, which are compatible with third-party tools, to a file, to an image, or open the diagram in the browser.  You can select and configure the following options:
|
| Click this button to refresh the whole diagram. |
| Click this button to open the Diagram settings where you can configure additional options. |
| Click this icon to open the diagram preview in a separate frame, where you can configure the page layout, scale, and headings information. |
: click this button to select a third-party editor to which you can export the diagram.
: click this button to save the current diagram as a file. You can use one of the available formats from the list.
: click this button to print the diagram.
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. |
Prints the diagram. | |
Save UML Diagram | Saves the current diagram in the specified location as xml file. |