Editing Diagrams

This chapter describes the Diagram Editor that is used to edit Diagrams.

Diagram Editor Context Menu

Close

Close the selected diagram/table.

Close Left Tabs, Close Right Tabs

Close all the Diagram Editors on the left or right side of the selected diagram/table.

Close Others

Close all the Diagram Editors except the selected diagram/table.

Close All

Close the all diagrams/tables.

Delete

Delete the selected diagram/table.

Print

Print the current diagram/table.

Draw Suggest Feature

Draw Suggest Feature appears when you have a mouse over a Model Element in the diagram, providing with a set of suggested Model Elements to help you with modeling faster.

To switch On/Off the Draw Suggest Feature, click [Suggest Feature] on the Tool palette.

While you hold [Shift] key down, setting is toggled another one.

The default setting can be done in the [Tool]-[System Properties]-[Diagram Editor]-[Enable Suggest Feature].

Creating Diagram Elements

Using the Tool Palette

1. Select the target Diagram Element on the Tool Palette in the Diagram Editor.
2. Click on the Diagram to create the Diagram Element.
3. The new Diagram Element is added to the Structure Tree.

Note

Some elements (e.g. Link) are not added to the Structure Tree.

Dragging and dropping from the [Structure Tree] onto a Diagram

1. Drag a model from the [Structure Tree] in the Project View.
2. Drop it onto a Diagram in the Diagram Editor to create the Model.

Double-clicking on the Diagram Editor

Double-click on the Diagram Editor to create a main Diagram Element of the Diagram.

Diagram	Diagram Element
Control Structure Diagram	Component
Control Loop Diagram	Component

Using the Suggest Feature

1. Mouse-over a target Diagram Element.
2. Click “>>” to display the candidate Models.
3. Select a Model from the candidate list.

Creating Diagram Elements in Succession

Using the [Shift] Key

1. Select the target Diagram Element in the Tool Palette.
2. Hold down the [Shift] Key and click on the Diagram Editor repeatedly.

Using the [Lock Selected Mode] in the Tool Palette

1. Click on the [Lock Selected Mode] in the Tool Palette.
2. Select the target Diagram Element in the Tool Palette.
3. Click on the Diagram repeatedly.

Editing Diagram Elements

Editing Names

Double-click the name of the Diagram Element and edit the name.

Or, edit the name in the [Structure Tree] or in the [Property View].

Resizing

The size of the Diagram Element is automatically adjusted. For example, the name of the Component is edited to a longer name, the size is enlarged automatically.

To resize manually, click the target Diagram Element and drag the corner.

Multiple Selection/Cancel

Multiple Selection

• Drag the cursor over the Diagram Editor to select the target Diagram Elements.
• Select the Diagram Elements in the Diagram Editor by holding down the [Shift] or [Ctrl] key.

Note

Selecting all Diagram Elements in a Diagram

• To select all Model Elements in a Diagram, select [Edit] - [Select All] in the Main Menu, or right-click on the Diagram Editor and select [Select All] from the Context Menu.
• [Ctrl+A], the short cut key for [Select All] is also available.

Canceling the Selection

To cancel a selection, hold down the [Shift] or [Ctrl] key and reselect the selected Diagram Elements.

Copying as Images

Diagram Elements copied by [Copy to Clipboard] are stored in the Clipboard and can be pasted into other applications (MS Word, etc) as images or EMFs (Enhanced Meta File).

Color Setup

Setting up Colors of Diagram Elements

Using the [Edit] in the Main Menu

1. Select [Edit] - [Set Color] in the Main Menu.
2. Select or create a color and click [OK] in the Color Selection.

Using the Tool Bar in the [Management View]

1. Select the target Diagram Elements in the Diagram Editor.
2. Click [Set Color] on the Tool Bar.
3. Select or create a color.

Using the Context Menu

1. Right-click on the target Diagram Element and select [Set Color].
2. Select or create a color in the Color Selection.

The Color Selection Dialog

The Color Selection contains six image color groups: Aqua, Earth, Nature, Spring, Passion, and Winter.

[Favorite] can be used to store your favorite colors up to 10 colors.

Setting up Font Colors of Diagram Elements

Using the [Edit] in the Main Menu

1. Select [Edit] - [Set Font Color] in the Main Menu.
2. Select or create a color and click [OK] in the Color Selection.

Using the Tool Bar in the Management View

1. Select string(s) of the target Diagram Elements in the Diagram Editor.
2. Click [Set Font Color] on the Tool Bar.
3. Select or create a color.

Using the Context Menu

1. Right-click on string of the target Diagram Element and select [Set Font Color].
2. Select or create a color and click [OK] in the Color Selection.

Diagram Element to set font color

• Component Name, Process Model Variable, Value
• Control Action
• Feedback
• Note
• Text

Set Style

To edit the style of elements, use the Context menu.

• Color, line color, font color and font can be set to Components.
• Line style, line color, font color can be set to Links.
• Font color, font can be set to Control Actions and Feedbacks.
• Line width, line type, line color can be set to Lines, Freehands, Rectangles and Ovals.
• Color, line color, font color and font can be set to Text.
• Color, line color, line color, font color and font can be set to Note.

Editing Lines

Creating Lines

There are four line styles: Line, Line (Right Angle), Curve, Curve (Right Angle). By default, Line (Right Angle) is used for all diagrams.

1. Select the target line type from the Tool Palette in the Diagram Editor.
2. Click on the Diagram Element to select the starting point of the line.
3. Click on the second Diagram Element to select the end point.

• To draw a polygonal line, click on a Diagram Element and click on any point on the Diagram. Finally, click on a Diagram Element to select the end point.
• To cancel drawing a line, press the [Esc] key or right-click.

Editing Targets of Lines

To change the end point of a Line, simply drag the end point onto a new target.

Line Styles

There are four line styles: Line, Line (Right Angle), Curve, Curve (Right Angle).

Using [Edit] in the Main Menu

1. Select a Line in the Diagram Editor.
2. Select [Edit] - [Line style] - [Line]/[Line (Right Angle)]/[Curve]/[Curve (Right Angle)].

Using buttons on the Tool Bar

1. Select the target Line in the Diagram Editor.
2. Click [Line]/[Line (Right Angle)]/[Curve]/[Curve (Right Angle)] on the Tool Bar in the Management View.

Using the Context Menu

Right-click on the target Line in the Diagram Editor and select [Line style] - [Line]/[Line (Right Angle)]/[Curve]/[Curve (Right Angle)].

The line mode of the Diagram Editor can be selected in the Tool Pallet.

Note

• Existing Lines are not changed to the selected line mode.

Setting up Line Color

Using the [Edit] in the Main Menu

1. Select [Edit] - [Set Line Color] in the Main Menu.
2. Select or create a color and click [OK] in the Color Selection.

Using the Tool Bar in the Management View

1. Select a line in the Diagram Editor.
2. Click [Set Line Color] on the Tool Bar.
3. Select or create a color.

Using the Context Menu

1. Right-click on string of the target Diagram Element and select [Set Line Color].
2. Select or create a color and click [OK] in the Color Selection.

Displaying Diagrams

Enlarging Diagrams

• Select [View] - [Zoom In] in the Main Menu. ([Ctrl+[])
• Click [Zoom in current Diagram Editor] on the Tool Bar.
• Right-click on the Diagram Editor and select [Zoom In].
• Hold down the [Ctrl] key and right-drag upwards.
• Hold down the [Ctrl] key and rotate the mouse wheel forwards.

Shrinking Diagrams

• Select [View] - [Zoom Out] in the Main Menu. ([Ctrl+]])
• Select [Zoom out current Diagram Editor] on the Tool Bar.
• Right-click on the Diagram Editor and select [Zoom Out].
• Hold down the [Ctrl] key and right-drag downwards.
• Hold down the [Ctrl] key and rotate the mouse wheel backwards.

Displaying Diagrams in their Original Size

• Select [View]-[Zoom] in the Main Menu.
• Select [Zoom to Default] on the Tool Bar.
• Right-click on the Diagram Editor and select [Zoom].

Displaying the Diagram Overview

• Select [View]-[Fit to Window]/[Fit to Window Width]/[Fit to Window Height] in the Main Menu.
• Select [Fit to Window Width]/[Fit to Window Height] on the Tool Bar.
• Right-click on the Diagram Editor and select [Fit to Window]-[Window]/[Window Width]/[Window Height] .

Note

The Map in the Project View can be used to enlarge and shrink Diagrams.

Moving Diagrams

Right-drag diagrams to move in the Diagram Editor.

Moving Diagrams Vertically

Diagrams can be moved vertically by rotating the mouse wheel. When the mouse wheel is rotated forwards, Diagrams are moved upwards. When the mouse wheel is rotated backwards, Diagrams are moved downwards.

Moving Diagrams Horizontally

Diagrams can be moved horizontally by holding down the [Shift] key and rotating the mouse wheel. When the mouse wheel is rotated forwards, Diagrams are moved to the right. When the mouse wheel is rotated backwards, Diagrams are moved to the left.

Alignment of Diagram Elements

Select the target Diagram Elements and click one of the following Align Buttons on the Tool Bar.

Align Top

Align Diagram Elements with the top end of the highest Diagram Element.

Align Horizontal Center

Align Diagram Elements along the midpoint between the highest and lowest Diagram Elements.

Align Bottom

Align Diagram Elements with the bottom end of the lowest Diagram Element.

Align Horizontal Even

Horizontally align Diagram Elements with even spacing.

Adjust Height

Adjust the height of Diagram Elements to the highest Diagram Element.

Align Left

Align Diagram Elements with the left side of the leftmost Diagram Element.

Align Vertical Center

Align Diagram Elements along the midpoint between the leftmost and rightmost Diagram Elements.

Align Right

Align Diagram Elements with the right side of the rightmost Diagram Element.

Align Vertical Even

Vertically align Diagram Elements with even spacing between the highest and lowest Diagram Elements.

Adjust Width

Adjust the width of Diagram Elements to the widest Diagram Element.

Using [Align] on the Menu

Select the target Diagram Elements and select one of the options from [Alignment] in the Main Menu.

Adjusting Size

The size of the Diagram Elements can be adjusted to the selected Diagram Element or the specified width and height.

1. Select Diagram Elements and select [Alignment] - [Adjust Size] - [Adjust Size] in the Main Menu.

2. Select [Adjust size] and input the width and the height in the Adjust Size dialog.
3. Or, select [Adjust to the size of selected element] and select a Diagram Element in the Adjust Size dialog.

Some of the Diagram Elements may not be adjusted properly depending on the length of the name and so on.

Align Guide

The Align Guide (green line) appears on the Diagram Editor when moving the Diagram Elements. This function helps to align the Diagram Elements to other Diagram Elements.

Jumping to Models in the Structure Tree

Jump to a Model in the Structure Tree from a Diagram Element.

1. Right-click on the target Diagram Element in the Diagram Editor.
2. Select [Show in Structure Tree].
3. The target Diagram is displayed and selected in the Structure Tree.

Jumping to Diagrams in the Structure Tree

Jump to a Diagram in the Structure Tree from the Diagram Editor.

1. Right-click on the Diagram Editor.
2. Select [Show in Structure Tree].
3. The target Diagram is displayed and selected in the Structure Tree.

Changing the order of overlapped Model Elements

[Bring to Front]

Move the selected Diagram Element to the top.

[Bring Forward]

Move the selected Diagram Element one step closer to the front.

[Send Backward]

Move the selected Diagram Element one step back.

[Send to Back]]

Send the selected Diagram Element to the back of all the Diagram Element.

Using [Edit] - [Depth Arrangement] in the Main Menu

Select the Model Element in the Diagram Editor and select the way you would like to move it from [Edit]-[Depth Arrangement] in the Main Menu.

Using on the Tool Bar

Select the icon of the way you would like to move the selected Model Element on the Tool Bar.

Using the Context Menu

• Right-click on the Model Element(s) you would like to move.
• Select the way you would like to move from the [Depth Arrangement] menu.