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

# Vision - 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 joint component to join two pipe segments together. By turning off the cardinal directions, this will display a two-, three-, or four-pipe union.

## Properties
| Name 	| Description 	| Property Type 	| Scripting 	| Category 	|
|---	|---	|---	|---	|---	|
| Border 	| The border surrounding this component. Options are No border, Etched (Lowered), Etched (Raised), Bevel (Lowered), Bevel (Raised), Bevel (Double), and Field Border.**Note**: The border is unaffected by rotation. 	| Border 	| .border 	| Common 	|
| Bottom? 	| Indicates if the joint has an outlet at the bottom. 	| boolean 	| .bottom 	| Appearance 	|
| Center Fill 	| The center of the fill gradient. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See [Color Selector](appendix/reference-pages/color-selector-reference/color-selector-reference.mdx). 	| Color 	| .mainColor 	| Appearance 	|
| Cursor 	| The mouse cursor to use when hovering over this component. Options are: Default, Crosshair, Text, Wait, Hand, Move, SW Resize, or SE Resize. 	| int 	| .cursorCode 	| Common 	|
| Edge Fill 	| The edge of the fill gradient. See [Color Selector](appendix/reference-pages/color-selector-reference/color-selector-reference.mdx). 	| Color 	| .secondaryColor 	| Appearance 	|
| Left? 	| Indicates if the 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. See [Color Selector](appendix/reference-pages/color-selector-reference/color-selector-reference.mdx). 	| String 	| .name 	| Common 	|
| Outline Color 	| The color of the outline border. See [Color Selector](appendix/reference-pages/color-selector-reference/color-selector-reference.mdx). 	| Color 	| .outlineColor 	| Appearance 	|
| Quality 	| The data quality code for any Tag bindings on this component. 	| QualityCode 	| .quality 	| Data 	|
| Right? 	| Indicates if the joint has an outlet at the right. 	| boolean 	| .right 	| Appearance 	|
| Styles 	| Contains the component's styles 	| Dataset 	| .styles 	| Appearance 	|
| Top? 	| Indicated if that joint has an outlet at the top. 	| boolean 	| .top 	| Appearance 	|
| Visible 	| If disabled, the component will be hidden. 	| boolean 	| .visible 	| Common 	|

## Scripting
### Component Functions
This component does not have component 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](ignition-modules/vision/scripting-in-vision/component-events/component-events.md) page

## Customizers
* [Vision Component Customizers](ignition-modules/vision/working-with-vision-components/vision-component-customizer/vision-component-customizer.md)
* [Style Customizer](ignition-modules/vision/working-with-vision-components/vision-component-customizer/vision-component-customizer.md#style-customizer)