Setting graphic options for diagrams¶
Diagrams graphic options are displayed in the Symbol view as shown in the screenshot below:
The Symbol view on a class¶
A close up screenshot of the Symbol view¶
- The Symbol view tab
- The diagram types dropdown list
- The “Cancel the local changes” button
- The “Show/hide the property description area” button
- The graphic properties of the selected element
The Symbol view is a powerful tool that lets you change numerous graphic properties for your diagram elements. To get a description of each property, activate the “Show/hide the property description area” as shown in the screenshot below:
Activating the “Show/hide the property description area”¶
- Click on the “Show/hide the property description area” button.
- The Description area is displayed, showing the description of the selected property.
Modifying graphic properties¶
When diagrams are created, they use a default style. The same style is used by all the elements created in the diagram.
The style used is shown in the Symbol view toolbar:
The diagram styles dropdown list showing the style used¶
The graphic properties of the diagram elements can be changed locally in the Symbol view. Locally modified graphic properties are displayed in bold. In this way, they can be quickly spotted.
Examples of graphic properties modifications:
Changing the representation mode of a class¶
The different representation modes of a class¶
Modifying the fill color property of a class¶
- Change the class fill color.
- The class fill color change is applied in the diagram.
- The fill color property now appears in bold to indicate it was locally changed.
Local changes can be cancelled by clicking on the “Cancel the local changes” button in the Symbol view toolbar :
Cancelling local changes¶
- Click on the “Cancel the local changes” button.
- The fill color is back to default style.
- The fill color property is no longer in bold.
Creating your own diagram style¶
Modelio lets you create your own diagram style. To create your own diagram style, simply carry out the steps shown in the screenshots below:
Firstly, open the diagram styles window.
Opening the diagram styles window¶
- Click on the “Configuration” menu in the menubar.
- Now click on “Diagram styles…”.
- The diagram styles window opens.
Create a new style.
Creating a new diagram style¶
- Right-click on the “Default” style.
- Click on “Derive a new style…”.
- Enter a name for the new style.
- Click on “OK” to complete the style creation.
Now make the necessary changes to the new style.
Making changes in the newly created style¶
- Select the new style.
- Make your changes in the style properties.
- The modified properties appear in bold text.
- Click on “Save” to save your new style and deploy it in your project.
- Click on “Close” to exit the diagram styles window.
Diagrammes styles are saved as “StyleName.style” files in the “.config/styles” directory from your project space.
Finally, apply your new style to new or existing diagrams.
Applying the new style to an existing diagram¶
- In the Symbol view toolbar, click on the diagram style dropdown list and choose your style.
- The style is applied to the diagram.