-
Notifications
You must be signed in to change notification settings - Fork 88
/
10_Element Characteristics Management.html
222 lines (222 loc) · 7.53 KB
/
10_Element Characteristics Management.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<?xml version='1.0' encoding='utf-8' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>10_Element Characteristics Management</title>
<link type="text/css" rel="stylesheet" href="PLUGINS_ROOT/org.polarsys.capella.doc/html/styles.css"/>
</head>
<body>
<h1 id="Element_Characteristics_Management">Element Characteristics Management</h1>
<h2 id="Anchor_on_inner_element_border">Anchor on inner element border</h2>
<p>In order to improve the diagram aspect, it is now possible
<b>to link the edges closely to the images</b>. You only need to use images with a transparent background (SVG images).
</p>
<p>
<img border="0" src="../../Images/Tips33.png"/>
</p>
<h2 id="Hide.2FModify_Container_Borders">Hide/Modify Container Borders</h2>
<p>The ability to
<b>hide border on a container element</b> can be useful especially when
<b>an image is displayed</b>.
</p>
<p>To hide the border of a node in the diagram, you can set the
<b>
<i>Border Size to 0</i>
</b>
<b>
<i>in the Properties View / Style tab</i>
</b>
</p>
<p>
<img border="0" src="../../Images/Tips34.png"/>
</p>
<p>In contrast, it can be useful to change the container border
<b>to highlight a container or a kind of container.</b>
</p>
<p>To modify the border line style of a node in the diagram, you can set
<b>
<i>the Border Line Size to dot, dash, dash_dot in the Properties View / Style tab</i>
</b>
</p>
<p>
<img border="0" src="../../Images/Tips38.png"/>
</p>
<h2 id="Hide_container_Icon">Hide container Icon</h2>
<p>It is also possible to hide icon on container
<b>to improve the readability of the diagrams.</b>
</p>
<p>To hide the border of a node in the diagram, you can set the
<b>
<i>Show Icon to false in the Properties View / Style tab</i>
</b>
</p>
<p>
<img border="0" src="../../Images/Tips35.png"/>
</p>
<h2 id="Hide.2Fmodify_container_label">Hide/modify container label</h2>
<p>It is also possible to hide label on container
<b>to</b>
<b>improve the readability of the diagrams.</b>
</p>
<ul>
<li>Label on a diagram can be hidden by simply right clicking on the graphical element (or elements if you want to hide several label elements at once) you want to hide. Then, choose
<b>
<i>Show/Hide / Hide label</i>
</b>. The label element is now hidden from view. To reveal it, select
<b>
<i>Show label</i>
</b>
</li>
</ul>
<p>
<div class="thumb">
<div class="thumbinner" style="width:702px;">
<a href="../../Images/Tips48.png" class="image">
<img class="thumbimage" width="700" border="0" src="../../Images/Tips48.png"/>
</a>
</div>
</div>
</p>
<ul>
<li>From the tool-bar using the
<b>
<i>Hide label button</i>
</b>.
</li>
</ul>
<p>
<img border="0" src="../../Images/Tips50.png"/>
</p>
<ul>
<li>From the outline view, you can see every model element. Choose outline mode to see the semantic model in a tree viewer. You can now right click on an element and choose
<b>''Hide label</b> (or in contrast,
<b>Show label</b>)''.
</li>
</ul>
<p>
<img border="0" src="../../Images/Tips51.png"/>
</p>
<ul>
<li>From a tree viewer. When there is no selected element on the diagram, the tab bar provides the button
<b>
<i>Show/Hide</i>
</b>. This button opens a dialog to manage shown and hidden elements with their labels on the diagram with a tree view.
</li>
</ul>
<p>To hide label element, you have to deselect it.</p>
<p>
<img border="0" src="../../Images/Tips52.png"/>
</p>
<ul>
<li>From the shortcut:
<b>
<i>Ctrl + L</i>
</b>. And to reveal it:
<b>
<i>Ctrl + Shift + L</i>
</b>.
</li>
</ul>
<h2 id="Change_Label_Appearance">Change Label Appearance</h2>
<p>It can be useful to change the container label appearance
<b>to highlight a container or a kind of container.</b>
</p>
<p>To modify the label appearance of a node in the diagram, you can select underline, strikethrough functionalities in the
<b>
<i>Properties View / Appearance tab</i>
</b>.
</p>
<p>
<div class="thumb">
<div class="thumbinner" style="width:702px;">
<a href="../../Images/Tips37.png" class="image">
<img class="thumbimage" width="700" border="0" src="../../Images/Tips37.png"/>
</a>
</div>
</div>
</p>
<h2 id="Hiding_elements">Hiding elements</h2>
<p>There are two ways to hide elements:</p>
<ul>
<li>Element on a diagram can be hidden explicitly. To do that, simply right click on the graphical element (or elements if you want to hide several elements at once) you want to hide. Then, choose
<b>
<i>Show/Hide / Hide element</i>
</b>. The graphical element is now hidden from view.
</li>
</ul>
<p>
<div class="thumb">
<div class="thumbinner" style="width:702px;">
<a href="../../Images/Tips42.png" class="image">
<img class="thumbimage" width="700" border="0" src="../../Images/Tips42.png"/>
</a>
</div>
</div>
</p>
<ul>
<li>From the tool-bar using the
<b>
<i>Hide element</i>
</b> button.
</li>
</ul>
<p>
<img border="0" src="../../Images/Tips44.png"/>
</p>
<ul>
<li>From the outline view, you can see every model element. Choose outline mode to see the semantic model in a tree viewer. You can now right click on an element and choose
<b>Hide element</b>.
</li>
</ul>
<p>
<img border="0" src="../../Images/Tips45.png"/>
</p>
<ul>
<li>From a tree viewer. When there is no selected element on the diagram, the tab bar provides the button
<b>
<i>Show/Hide</i>
</b>. This button opens a dialog to manage shown and hidden elements on the diagram with a tree view.
</li>
</ul>
<p>To hide elements, you have to deselect it.</p>
<p>
<img border="0" src="../../Images/Tips46.png"/>
</p>
<h2 id="Reveal_hidden_elements">Reveal hidden elements</h2>
<p>There are two ways to reveal hidden elements:</p>
<ul>
<li>From the outline view, in outline mode, you can see every model element. The elements that are hidden have their names displayed in italic style and their icon is decorated with a yellow dot in the top left corner. To reveal one of these elements, simply right click on it and choose Show element.</li>
</ul>
<p>
<img border="0" src="../../Images/Tips47.png"/>
</p>
<ul>
<li>From a tree viewer. When there is no selected element on the diagram, the tab bar provides the button
<b>
<i>Show/Hide</i>
</b>. This button opens a dialog to manage shown and hidden elements on the diagram with a tree view.
</li>
</ul>
<p>To show elements, you have to select it.</p>
<p>
<img border="0" src="../../Images/Tips46.png"/>
</p>
<h2 id="Delete_element_from_diagram.2Fmodel">Delete element from diagram/model</h2>
<ul>
<li>
<i>Delete from Diagram</i>. This action removes the selected graphical element from the diagram, but does not delete the corresponding semantic elements. It is only available on un-synchronized diagrams or element types.
</li>
</ul>
<p>
<img border="0" src="../../Images/Tips53.png"/>
</p>
<ul>
<li>
<i>Delete from Model.</i> This action removes both the selected graphical element and the corresponding semantic elements.
</li>
</ul>
<p>
<img border="0" src="../../Images/Tips54.png"/>
</p>
</body>
</html>