Diagram navigator
Diagram navigator is the location where diagrams are listed. You can create your own diagrams easily as they are listed by categories, such as UML Diagrams, Requirements Capturing, Database Modeling, Business Process Modeling and Others. With dagram navigator, you can create, open and delete diagrams.
![]() |
| The Diagram Navigator |
The toolbar
|
|||||||||||||||||||||||||||
| The description of icons on Diagram Navigator |
Popup menu
Popup menu of diagram navigator
![]() |
| The Popup menu of Diagram Navigator |
| Menu Title | Description |
|---|---|
| Filter Model Element... | Open the Model Element Filter dialog box to filter the diagram elements to appear in the Diagram Navigator |
| Show Carriage Return Character |
Display line breaks of multi-lined diagram name as carriage return character |
| Sorting |
Select the way to sort diagram elements in Diagram Navigator |
| Group by Category |
Categorize diagrams base on their types |
| Teamwork |
Perform teamwork activities |
| Manage Dependent Project... | Add or remove dependent project |
| Refresh | Refresh Diagram Navigator content |
| Collapse All | Collapse all tree nodes |
| Expand All | Expand all tree nodes |
| Show Diagram View | Make the Diagram Navigator to expand all diagram types' nodes to show the diagrams nodes, but do not display any diagram element nodes |
Popup menu of project
![]() |
| The Popup menu of project node in Diagram Navigator |
| Menu Title | Description |
|---|---|
| Rename... | Rename the project |
| Nicknames | Configure or switch to another nickname |
| New Diagram... | Create a diagram |
| Configure Programing Language | Change to another programming language or configure the type mapping for a language |
| Group by Category | Categorize diagrams base on their types |
| Sorting | Select the way to sort diagram elements in Diagram Explorer |
| Teamwork | Perform teamwork activities |
| Refresh | Refresh Diagram Navigator |
| Collapse All | Collapse the project node |
| Expand All | Expand the project node |
Popup menu of diagram category
![]() |
| The Popup menu of Diagram Category in Diagram Navigator |
| Menu Title | Description |
|---|---|
| New Diagram... |
Create a diagram |
| Export VP-UML Project... |
Export all diagrams in the selected category as VP-UML project |
| Export XML... |
Export all diagrams in the selected category as XML |
| Export as Image... |
Export all diagrams in the selected category as image files |
| Print... |
Print the diagrams in the selected category |
| Collapse |
Collapse the selected diagram category node |
| Expand |
Expand the selected diagram category node |
| Show Diagram View |
Make the Diagram Navigator to expand all diagram types' nodes to show the diagrams nodes, but do not display any diagram element nodes |
Popup menu of diagram type
![]() |
| The Popup menu of Diagram Type in Diagram Navigator |
| Menu Title | Description |
|---|---|
| New DIAGRAM_TYPE |
Create a new diagram in the selected type |
| New Diagram... |
Create a new diagram with popup dialog box |
| Export VP-UML Project... |
Export all diagrams in the selected type as VP-UML project |
| Export XML... |
Export all diagrams in the selected type as XML |
| Export as Image... |
Export all diagrams in the selected type as image files |
| Print... |
Print the diagrams in the selected type |
| Sort DIAGRAM_TYPE by name |
Sort the diagram nodes of the selected type node in specific way |
| Collapse |
Collapse the selected diagram type node |
| Expand |
Expand the selected diagram type node |
Popup menu of diagram
![]() |
| The Popup menu of Diagram Type in Diagram Navigator |
| Menu Title | Description |
|---|---|
| Open DIAGRAM_NAME Specification... |
Open the specification of the selected diagram |
| Open DIAGRAM_NAME |
Open the selected diagram if closed or inactive |
| Close DIAGRAM_NAME |
Close the selected diagram if opened |
| Use Case Scheduling... |
Open Use Case Scheduling dialog box |
| Rename... |
Rename the selected diagram |
| Delete |
Delete the selected diagram |
| Export VP-UML Project... |
Export the selected diagram as VP-UML project |
| Export XML... |
Export the selected diagram as XML |
| Export Selected as Image... |
Export the selected diagram as image Excel |
| Export as Image... |
Export diagram(s) as image via the Diagram Exporter |
| Export to Excel... | Export the selected diagram as image Excel |
| Print... | Print the selected diagram |
| Move Up | Move the selected diagram node upwards |
| Move Down | Move the selected diagram node downwards |
| Collapse | Collapse the selected diagram node |
| Expand | Expand the selected diagram node |
| Sorting | Change the way of sorting diagram elements |
Close and open the diagram navigator
Diagram navigator is opened by default. To close it, press the X button at the top right corner. On the other hand, it can be opened by selecting View > Panes > Diagram Navigator from the main menu.
Create a diagram
Approach 1 – Direct creation
If you want to create a diagram in a quick way and don't need to supply the documentation of diagram (for time-saving), use this approach. To create a diagram:
- Right click on the diagram type that you want to create.
- Select New diagram type from the pop-up menu. Here, diagram type means the type of diagram you want to create.
NOTE: You can immediately enter the diagram name at the top left corner of diagram
Approach 2 – Through the New Diagram dialog box
This approach let you create a diagram and enter the name and documentation simultaneously. To create a diagram:
- Right click on the diagram type that you want to create.
- Select New Diagram from the pop-up menu.
In the New Diagram dialog box, you can enter the name and documentation of diagram, and click OK to proceed.
![]() |
| New Diagram dialog box |
Open a diagram
Double click in the diagram you want to view in the diagram tab.
Sort diagram elements
In diagram navigator, diagram elements are listed under diagram nodes. You can sort diagram elements by their names, or by their types (e.g. use case, package, etc.)
To sort by name, click Sort Diagram Element by Name button. The elements will be listed by name, in alphabetical order.
![]() |
| Click Sort Diagram Element by Name |
To sort by type, click Sort Diagram Element by Type button. As a result, the elements will be listed by type.
| NOTE: | The sort function applies to the entire diagram tree instead of the selected node. |
Reorder diagrams
Select the diagram(s) you want to reorder. If there are multiple diagrams you want to select, just click one while pressing Ctrl button and make the other selection.
Click Move Selected Diagram Up button to move the selection upwards, or Move Selected Diagram Down button to move the selection downwards.
Filter model elements
You can choose which model elements you want to be displayed or not on the diagram tree.
- Right click on the diagram navigator's background and select Filter Model Element. Model Element Filtering Dialog will then be pop-up.
- Select the types of model element(s) you want to be displayed by checking to the type. Otherwise, uncheck the one you don't want to be displayed.

Moedel Element Filtering dialog box NOTE: You can check Display model element types in-use to list only types of model elements used in project. The text box Filter enables you to filter model element type base on the type name (e.g. enter class to list only class)
Show/hide carriage return character
If it is the case that the name of the diagram and diagram elements is in multi-line, the character ¶ will be revealed.
When Show Carriage Return Character is selected, line break will be shown.
![]() |
| To show carriage return character |
When off, the character ¶ is hidden.
If you want to hide it, uncheck Show Carriage Return Character and the character will automatically be unshown.
Group or ungroup by category
As it is said before, default groups are automatically arranged by category
If you want to ungroup diagram:
- Right click on the diagram navigator's background.
- Uncheck Show Group Category if there is a tick in the box, and then all diagram types will be ungrouped.

Ungrouped diagrams
Connect to server for team collaboration
VP-UML's team collaboration support enables your team members work together on projects. To connect to server and perform related activities:
- Right click on the diagram background.
- Select Teamwork and the action you want to perform (e.g. commit and update, etc) from the pop-up menu.

To performce teamwork
Display only diagram nodes but not diagram elements
If you only want the diagram nodes to be shown but not the diagram elements under them, just click on Show Diagram View button.
| NOTE: | This option applies to all diagram nodes, but not just the selected one. |
| 3. Dockable User Interface | Table of Contents | 5. Model explorer |









