Diagram Editor
The diagram editor in Codebeamer is a customized mxGraph graph editor which can be used to create and update diagrams where WYSIWYG is integrated (for example, descriptions, comments section).
For more information on the mxGraph and graph editor, see mxGraph GitHub
.
.Diagrams Editor Overview
The Diagram Editor is accessible via the toolbar of the text editor by clicking on 
> 
Insert or Edit Diagram >
> Insert or Edit Diagram > 
Functions of the Diagram Editor
Toolbar
The Toolbar is situated at the top of the overlay.
Shapes
Various sets of shapes are available on the left-hand side of the screen that can be used for the creation of diagrams.
Click on the name of the types to expand and select the appropriate shape to be used. The desired shape can be applied by
• Drag and drop - the shapes can be positioned arbitrarily on the editing space.
• Clicking on the shape - the shapes are automatically put to left side of the editing space, but can be repositioned by dragging and dropping.
A search bar also helps to find the desired shapes.
Editing Space
The ediis located in the middle section of the editor overlay:
The selected shapes, diagrams can be customized in the editing space and connections can be created between the objects. Text boxes can also be added by double clicking on an empty area of the editing space.
Diagram Options Panel
The Diagram panel is situated on the right side of the editor with check boxes related to further View, Options and Paper size settings available.
Once the diagram is created and customized, it can be finalized and displayed by clicking the Save button on the top left corner.