Skip to content

SEO-2684-Coverage-Page-With-Redirect-UG #174

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Oct 20, 2022
Merged

SEO-2684-Coverage-Page-With-Redirect-UG #174

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion angular/Diagram/Connector.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1030,7 +1030,7 @@ export class ConnectorComponent {
![Angular Diagram Decorator Appearance](Connector_images/Connector_img23.png)

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

## Constraints
The `constraints` property of connector allows to enable/disable certain features of connectors. For more information about constraints, refer to [Connector Constraints](/angular/Diagram/Constraints#connectorconstraints "Connector Constraints").
26 changes: 13 additions & 13 deletions angular/Diagram/Node.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---
layout: post
title: Visually represent the geometrical informations, process flow, or entities
description: How to visually represent the geometrical information and process flows as nodes?
title: Node in Angular Diagram Control | Syncfusion
description: Learn here about node support in Syncfusion Essential Angular Diagram Control, its elements, and more.
platform: Angular
control: Diagram
documentation: ug
---

# Node
# Node in Angular Diagram

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

![](/angular/Diagram/Node_images/Node_img1.png)
![Angular Diagram node](Node_images/Node_img1.png)

## Create Node

Expand Down Expand Up @@ -57,7 +57,7 @@ export class NodesComponent {

{% endhighlight %}

![](/angular/Diagram/Node_images/Node_img2.png)
![Angular Diagram position](Node_images/Node_img2.png)

## Position

Expand Down Expand Up @@ -95,7 +95,7 @@ export class NodesComponent {

{% endhighlight %}

![](/angular/Diagram/Node_images/Node_img4.png)
![Angular Diagram types](Node_images/Node_img4.png)

## Types

Expand Down Expand Up @@ -128,7 +128,7 @@ export class NodesComponent {

{% endhighlight %}

![](/angular/Diagram/Node_images/Node_img5.png)
![Angular Diagram gradient](Node_images/Node_img5.png)

### Gradient

Expand Down Expand Up @@ -205,7 +205,7 @@ export class PageSettingsComponent {

{% endhighlight %}

![](/angular/Diagram/Node_images/Node_img6.png)
![Angular Diagram shadow](Node_images/Node_img6.png)

## Shadow

Expand Down Expand Up @@ -234,7 +234,7 @@ export class NodesComponent {
{% endhighlight %}


![](/angular/Diagram/Node_images/Node_img7.png)
![Angular Diagram shadow effect](Node_images/Node_img7.png)

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

Expand Down Expand Up @@ -292,7 +292,7 @@ export class NodesComponent {

{% endhighlight %}

![](/angular/Diagram/Node_images/Node_img8.png)
![Angular Diagram icon](Node_images/Node_img8.png)

## Icon

Expand Down Expand Up @@ -361,13 +361,13 @@ export class ShapesComponent {

{% endhighlight %}

![](/angular/Diagram/Node_images/Node_img9.png)
![Angular Diagram interaction](Node_images/Node_img9.png)

![](/angular/Diagram/Node_images/Node_img10.png)
![Angular Diagram constraints](Node_images/Node_img10.png)

## Interaction

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

## Constraints

Expand Down