---
title: "Pipe Joint"
description: "The Pipe Joint displays a fancy joint component two join two pipe segments together."
---

# Pipe Joint

> The Pipe Joint displays a fancy joint component two join two pipe segments together.

![](pipe-joint.png)

**Component Palette Icon**:  

![](pipe-joint1.png)

## Description
The Pipe Joint displays a fancy joint component two join two pipe segments together. By turning off the cardinal directions, this will display a 2,3, or 4-pipe union. This component is optional, as pipes can butt up against each other and look joined.

## Properties
| Name             | Description                                                                                            | Property Type | Scripting    | Category   |
| ---------------- | ------------------------------------------------------------------------------------------------------ | ------------- | ------------ | ---------- |
| Border         | The border surrounding this component. NOTE that the border is unaffected by rotation.  | Border  | .border         | Common     |
| Bottom?        | Joint has an outlet at the bottom?                                                      | boolean | .bottom         | Appearance |
| Center Fill    | The center of the fill gradient.                                                        | Color   | .mainColor      | Appearance |
| Cursor         | The mouse cursor to use when hovering over this component.                              | int     | .cursorCode     | Common     |
| Data Quality   | The data quality code for any tag bindings on this component.                           | int     | .dataQuality    | Data       |
| Edge Fill      | The edge of the fill gradient.                                                          | Color   | .secondaryColor | Appearance |
| Left?          | Joint has an outlet at the left?                                                        | boolean | .left           | Appearance |
| Mouseover Text | The text that is displayed in the tooltip which pops up on mouseover of this component. | String  | .toolTipText    | Common     |
| Name           | The name of this component.                                                             | String  | .name           | Common     |
| Outline Color  | The color of the outline border.                                                        | Color   | .outlineColor   | Appearance |
| Right?         | Joint has an outlet at the right?                                                       | boolean | .right          | Appearance |
| Styles         | Contains the component's styles                                                         | Dataset | .styles         | Appearance |
| Top?           | Joint has an outlet at the top?                                                         | boolean | .top            | Appearance |
| Visible        | If disabled, the component will be hidden.                                              | boolean | .visible        | Common     |

## Scripting
### Scripting Functions
This component does not have scripting functions associated with it.

### Extension Functions
This component does not have extension functions associated with it.

### Event Handlers
Event handlers allow you to run a script based off specific triggers. See the full list of available event handlers on the [Component Events](scripting\scripting-in-ignition\component-and-window-scripting\component-events.md) page

## Customizers
+ [Vision Component Customizers](visualization-and-dashboards\understanding-components\component-customizers\component-customizers.md)
+ [Style Customizer](visualization-and-dashboards\understanding-components\component-customizers\component-customizers.md#style-customizer)