Skip to content

DOCINFRA-2341_merged_using_automation #315

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 3 commits into from
Jan 30, 2023
Merged

DOCINFRA-2341_merged_using_automation #315

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9055dc7
SEO-3146-coverage-page-with-redirect-help
gowthamanthavasiyappan Jan 30, 2023
5f40e93
SEO-3146-coverage-page-with-redirect-help
gowthamanthavasiyappan Jan 30, 2023
c4ba6a3
Merge pull request #314 from syncfusion-content/SEO-3146-coverage-pag…
Aishwarya-Ganesan Jan 30, 2023
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
18 changes: 9 additions & 9 deletions aspnet/Diagram/Port.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,25 +1,25 @@
---
layout: post
title: Ports | Diagram | ASP.NET Webform | Syncfusion
description: This section explains how to draw/create connections between the nodes with specific points.
title: Ports in ASP.NET Webforms Diagram Control | Syncfusion
description: Learn here all about ports support in Syncfusion Essential ASP.NET Webforms Diagram Control, its elements, and more.
platform: aspnet
control: Diagram
documentation: ug
---

# Port
# Ports in ASP.NET Webforms Diagram

Essential Diagram for ASP.NET provides support to define custom ports for making connections.

![connections between the nodes with multiple ports](/aspnet/Diagram/Port_images/Port_img3.png)
![connections between the nodes with multiple ports](Port_images/Port_img3.png)

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.

![connector is connected between ports of two nodes](/aspnet/Diagram/Port_images/Port_img4.png)
![connector is connected between ports of two nodes](Port_images/Port_img4.png)

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

![Ports act as the connection points of node](/aspnet/Diagram/Port_images/Port_img5.png)
![Ports act as the connection points of node](Port_images/Port_img5.png)

## Create Port

Expand Down Expand Up @@ -75,7 +75,7 @@ You can add ports at runtime by using the client side method `addPorts`. The fol

{% endhighlight %}

![add ports to node at runtime](/aspnet/Diagram/Port_images/Port_img1.png)
![add ports to node at runtime](Port_images/Port_img1.png)

To explore the set of properties for defining a port, refer to [Port Properties](http://help.syncfusion.com/cr/aspnet/Syncfusion.JavaScript.DataVisualization.Models.Diagram.Port.html "Port Properties")

Expand Down Expand Up @@ -123,8 +123,8 @@ The following code illustrates how to change the appearance of port.

{% endhighlight %}

![change the appearance of port](/aspnet/Diagram/Port_images/Port_img2.png)
![change the appearance of port](Port_images/Port_img2.png)

## Constraints

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