Skip to content

Commit 05d21c6

Browse files
Aishwarya-GanesanAishwarya-Ganesan
authored
Merge pull request #207 from syncfusion-content/SEO-3146-coverage-page-with-redirect-help
SEO-3146-coverage-page-with-redirect-help
2 parents 0ea80b2 + 44bcb61 commit 05d21c6

File tree

4 files changed

+41
-41
lines changed

4 files changed

+41
-41
lines changed

‎angularjs/Diagram/Commands.md‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
22
layout: post
3-
title: Explore the frequently used built-in commands
4-
description: How to explore and use the built-in commands?
3+
title: Commands in AngularJS Diagram Control | Syncfusion
4+
description: Learn here all about Commands support in Syncfusion Essential AngularJS Diagram Control, its elements and more.
55
platform: AngularJS
66
control: Diagram
77
documentation: ug
88
---
99

10-
# Commands
10+
# Commands in AngularJS Diagram
1111

1212
There are several commands available in the Diagram as follows.
1313

@@ -50,9 +50,9 @@ diagram.align("left");
5050

5151
{% endhighlight %}
5252

53-
![](/angularjs/Diagram/Commands_images/Commands_img1.png)
53+
![AngularJS Diagram commands](Commands_images/Commands_img1.png)
5454

55-
![](/angularjs/Diagram/Commands_images/Commands_img2.png)
55+
![AngularJS Diagram Space](Commands_images/Commands_img2.png)
5656

5757
## Space
5858

@@ -72,9 +72,9 @@ diagram.spaceDown();
7272

7373
{% endhighlight %}
7474

75-
![](/angularjs/Diagram/Commands_images/Commands_img3.png)
75+
![AngularJS Diagram sizing commands](Commands_images/Commands_img3.png)
7676

77-
![](/angularjs/Diagram/Commands_images/Commands_img4.png)
77+
![AngularJS Diagram Sizing](Commands_images/Commands_img4.png)
7878

7979
## Sizing
8080

@@ -97,7 +97,7 @@ diagram.sameWidth();
9797

9898
{% endhighlight %}
9999

100-
![](/angularjs/Diagram/Commands_images/Commands_img5.png)
100+
![AngularJS Diagram Clipboard](Commands_images/Commands_img5.png)
101101

102102

103103
## Clipboard
@@ -119,7 +119,7 @@ diagram.paste();
119119

120120
{% endhighlight %}
121121

122-
![](/angularjs/Diagram/Commands_images/Commands_img6.png)
122+
![AngularJS Diagram Grouping](Commands_images/Commands_img6.png)
123123

124124
## Grouping
125125

@@ -152,7 +152,7 @@ diagram.bringToFront();
152152

153153
{% endhighlight %}
154154

155-
![](/angularjs/Diagram/Commands_images/Commands_img7.png)
155+
![AngularJS Diagram sendToBack Command](Commands_images/Commands_img7.png)
156156

157157
### sendToBack Command
158158

@@ -165,7 +165,7 @@ diagram.sendToBack();
165165

166166
{% endhighlight %}
167167

168-
![](/angularjs/Diagram/Commands_images/Commands_img8.png)
168+
![AngularJS Diagram moveForward Command](Commands_images/Commands_img8.png)
169169

170170
### moveForward Command
171171

@@ -178,7 +178,7 @@ diagram.moveForward();
178178

179179
{% endhighlight %}
180180

181-
![](/angularjs/Diagram/Commands_images/Commands_img9.png)
181+
![AngularJS Diagram sendBackward Command](Commands_images/Commands_img9.png)
182182

183183
### sendBackward Command
184184

@@ -191,7 +191,7 @@ diagram.sendBackward();
191191

192192
{% endhighlight %}
193193

194-
![](/angularjs/Diagram/Commands_images/Commands_img10.png)
194+
![AngularJS Diagram Zoom](Commands_images/Commands_img10.png)
195195

196196
## Zoom
197197

@@ -253,11 +253,11 @@ diagram.nudge("up", 5);
253253

254254
The corresponding arrow keys are used to move the selected elements towards up, down, left, or right direction by 1 pixel.
255255

256-
![](/angularjs/Diagram/Commands_images/Commands_img11.png)
256+
![AngularJS Diagram BringIntoView](Commands_images/Commands_img11.png)
257257

258258
Nudge commands are particularly useful for accurate placement of elements.
259259

260-
For more information, refer to [Keyboard Interaction](/angularjs/Diagram/Interaction#keyboard "Keyboard Interaction").
260+
For more information, refer to [Keyboard Interaction](/angularjs/diagram/interaction#keyboard "Keyboard Interaction").
261261

262262
## BringIntoView
263263

@@ -347,7 +347,7 @@ Region specifies the region/bounds of the Diagram content that is to be fit into
347347

348348
## Command Manager
349349

350-
Diagram provides support to map/bind command execution with desired combination of key gestures. Diagram provides some built-in commands. For more information about built-in commands, refer to [Keyboard Interaction](/angularjs/Diagram/Interaction#keyboard "Keyboard Interaction").
350+
Diagram provides support to map/bind command execution with desired combination of key gestures. Diagram provides some built-in commands. For more information about built-in commands, refer to [Keyboard Interaction](/angularjs/diagram/interaction#keyboard "Keyboard Interaction").
351351
Command Manager provides support to define custom commands. The custom commands are executed, when the specified key gesture is recognized.
352352

353353
### Custom command

‎angularjs/Diagram/Connector.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1013,7 +1013,7 @@ var targetDecorator = {
10131013
![AngularJS Diagram Interaction](Connector_images/Connector_img23.png)
10141014

10151015
## Interaction
1016-
Diagram allows to edit the connectors at runtime. To edit the connector segments at runtime, refer to [Connection Editing](/angularjs/Diagram/Interaction#connection-editing "Connection Editing").
1016+
Diagram allows to edit the connectors at runtime. To edit the connector segments at runtime, refer to [Connection Editing](/angularjs/diagram/interaction#connection-editing "Connection Editing").
10171017

10181018
## Constraints
1019-
The `constraints` property of connector allows to enable/disable certain features of connectors. For more information about constraints, refer to [Connector Constraints](/angularjs/Diagram/Constraints#connectorconstraints "Connector Constraints").
1019+
The `constraints` property of connector allows to enable/disable certain features of connectors. For more information about constraints, refer to [Connector Constraints](/angularjs/diagram/constraints#connectorconstraints "Connector Constraints").

‎angularjs/Diagram/Node.md‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
---
22
layout: post
3-
title: Visually represent the geometrical informations, process flow, or entities
4-
description: How to visually represent the geometrical information and process flows as nodes?
3+
title: Node in AngularJS Diagram Control | Syncfusion
4+
description: Learn here all about node support in Syncfusion Essential AngularJS Diagram Control, its elements and more.
55
platform: AngularJS
66
control: Diagram
77
documentation: ug
88
---
99

10-
# Node
10+
# Node in AngularJS Diagram
1111

1212
Nodes are graphical objects used to visually represent the geometrical information, process flow, internal business procedure, entity, or any other kind of data.
1313

14-
![](/angularjs/Diagram/Node_images/Node_img1.png)
14+
![AngularJS Diagram Create Node](Node_images/Node_img1.png)
1515

1616
## Create Node
1717

@@ -48,7 +48,7 @@ To create a node, You have to define the node object and add that to `nodes` col
4848

4949
{% endhighlight %}
5050

51-
![](/angularjs/Diagram/Node_images/Node_img2.png)
51+
![AngularJS Diagram Position](Node_images/Node_img2.png)
5252

5353
## Position
5454

@@ -91,7 +91,7 @@ syncApp.controller('diagramCtrl', function($scope) {
9191

9292
{% endhighlight %}
9393

94-
![](/angularjs/Diagram/Node_images/Node_img4.png)
94+
![AngularJS Diagram Types](Node_images/Node_img4.png)
9595

9696
## Types
9797

@@ -129,7 +129,7 @@ You can customize the appearance of a node by changing its font, fill colors, pa
129129

130130
{% endhighlight %}
131131

132-
![](/angularjs/Diagram/Node_images/Node_img5.png)
132+
![AngularJS Diagram Gradient](Node_images/Node_img5.png)
133133

134134
### Gradient
135135

@@ -213,7 +213,7 @@ syncApp.controller('diagramCtrl', function($scope) {
213213

214214
{% endhighlight %}
215215

216-
![](/angularjs/Diagram/Node_images/Node_img6.png)
216+
![AngularJS Diagram Shadow](Node_images/Node_img6.png)
217217

218218
## Shadow
219219

@@ -245,7 +245,7 @@ syncApp.controller('diagramCtrl', function($scope) {
245245
{% endhighlight %}
246246

247247

248-
![](/angularjs/Diagram/Node_images/Node_img7.png)
248+
![AngularJS Diagram shadow effect](Node_images/Node_img7.png)
249249

250250
The following code illustrates how to disable shadow effect at runtime.
251251

@@ -304,7 +304,7 @@ syncApp.controller('diagramCtrl', function($scope) {
304304

305305
{% endhighlight %}
306306

307-
![](/angularjs/Diagram/Node_images/Node_img8.png)
307+
![AngularJS Diagram Icon](Node_images/Node_img8.png)
308308

309309
## Icon
310310

@@ -367,14 +367,14 @@ syncApp.controller('diagramCtrl', function($scope) {
367367

368368
{% endhighlight %}
369369

370-
![](/angularjs/Diagram/Node_images/Node_img9.png)
370+
![AngularJS Diagram Interaction](Node_images/Node_img9.png)
371371

372-
![](/angularjs/Diagram/Node_images/Node_img10.png)
372+
![AngularJS Diagram Constraints](Node_images/Node_img10.png)
373373

374374
## Interaction
375375

376-
Diagram provides support to drag, resize, or rotate the node interactively. For more information about editing a node at runtime, refer to [Edit Nodes](/angularjs/Diagram/Interaction "Interaction").
376+
Diagram provides support to drag, resize, or rotate the node interactively. For more information about editing a node at runtime, refer to [Edit Nodes](/angularjs/diagram/interaction "Interaction").
377377

378378
## Constraints
379379

380-
The `constraints` property of node allows you to enable/disable certain features. For more information about node constraints, refer to [Node Constraints](/angularjs/Diagram/Constraints#nodeconstraints "Node Constraints").
380+
The `constraints` property of node allows you to enable/disable certain features. For more information about node constraints, refer to [Node Constraints](/angularjs/diagram/constraints#nodeconstraints "Node Constraints").

‎angularjs/Diagram/Port.md‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,25 @@
11
---
22
layout: post
3-
title: Create custom connection points to draw connections with any specific point of node
4-
description: How to draw connections with specific points of node?
3+
title: Port in AngularJS Diagram Control | Syncfusion
4+
description: Learn here all about port support in Syncfusion Essential AngularJS Diagram Control, its elements and more.
55
platform: AngularJS
66
control: Diagram
77
documentation: ug
88
---
99

10-
# Port
10+
# Port in AngularJS Diagram
1111

1212
Essential Diagram for JS provides support to define custom ports for making connections.
1313

14-
![](/angularjs/Diagram/Port_images/Port_img3.png)
14+
![AngularJS Diagram custom ports](Port_images/Port_img3.png)
1515

1616
When a connector is connected between two nodes, its end points are automatically docked to node's nearest boundary as shown in the following image.
1717

18-
![](/angularjs/Diagram/Port_images/Port_img4.png)
18+
![AngularJS Diagram two nodes](Port_images/Port_img4.png)
1919

2020
Ports act as the connection points of node and allows to create connections with only those specific points as shown in the following image.
2121

22-
![](/angularjs/Diagram/Port_images/Port_img5.png)
22+
![AngularJS Diagram connection points of node](Port_images/Port_img5.png)
2323

2424
## Create Port
2525

@@ -109,7 +109,7 @@ diagram.addPorts("node", ports)
109109

110110
{% endhighlight %}
111111

112-
![]((/angularjs/Diagram/Port_images/Port_img1.png)
112+
![AngularJS Diagram node](Port_images/Port_img1.png)
113113

114114
To explore the set of properties for defining a port, refer to [Port Properties](/api/js/ejDiagram#members:nodes-ports "Port Properties")
115115

@@ -175,8 +175,8 @@ syncApp.controller('diagramCtrl', function($scope) {
175175

176176
{% endhighlight %}
177177

178-
![]((/angularjs/Diagram/Port_images/Port_img2.png)
178+
![AngularJS Diagram Constraints](Port_images/Port_img2.png)
179179

180180
## Constraints
181181

182-
The `constraints` property allows to enable/disable certain behaviors of ports. For more information about port constraints, refer to [Port Constraints](/angularjs/Diagram/Constraints#portconstraints)
182+
The `constraints` property allows to enable/disable certain behaviors of ports. For more information about port constraints, refer to [Port Constraints](/angularjs/diagram/constraints#portconstraints)

0 commit comments

Comments
 (0)