> For the complete documentation index, see [llms.txt](https://docs.work-relay.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.work-relay.com/forms/form-components/options/custom-url.md).

# Custom URL

## Working with component

[Managing components](https://neostella.gitbook.io/work-relay-documentation/K6d8zoAI1M2x24Qd4SS2/forms/form-components/working-with-form-components#managing-components)

## Component properties

![](/files/6a135544192cd20e3a427ecbf0f6e00645577d0a)

* **URL -** destination address of the link
* **Label** - provide URL label if needed
* **Open in New Window** - opens url in a new browser tab
* **Show on Edit Page** - URL will be displayed on form opened in Edit mode
* **Show on View Page** - URL will be displayed on form opened in View mode
* **Hide Title** - check if you don't need to display URL component title

## Working with custom URLs

### URL leading to side resource

* To use URL for navigation to side resources paste corresponding link into URL field (1):

![](/files/4c3ed04f3c2cc12083beb891512e18e16e8109e6)

### URL leading to record details

* To use URL for navigation to record details copy record ID (2) and paste it into URL field with slash at the beginning (3):

![](/files/3463f88f177420191247a2ae5cdfc4694983c2f9)

![](/files/1f606f0d73d171208937961c8986b556e83e9a02)

* User can use context objects values to build the URL (4, 5):

![](/files/709456d83ca7d62e8fd7375920c3560e0e3be7ce)

![](/files/33f3b3510324ed204f3ff2ae136280a26f03fc94)

### URL leading to Visual force page

* First, know the Visualforce page name (6):

![](/files/343701d2bf57fd47aff21b55db3efb69649ce469)

* Enter this name in the URL input field (7):

![](/files/152429328fd44b1a4d79a6aa3c256926810a6e74)

## Conditional styles

[Form components conditional styling](https://neostella.gitbook.io/work-relay-documentation/K6d8zoAI1M2x24Qd4SS2/forms/basics/conditional-styles)

Custom URL component has following conditional style options:

* **hide**
* **show**

## Events

This component has no events.