# Button URL Ignition Designer

**URL:** <https://forum.inductiveautomation.com/t/button-url-ignition-designer/45013>\
**Category:** Ignition\
**Tags:** perspective, ignition80\
**Created:** [March 29, 2021, 1:18pm UTC](https://forum.inductiveautomation.com/t/button-url-ignition-designer/45013 "2021-03-29T13:18:23Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![r.relouzat](https://avatars.discourse-cdn.com/v4/letter/r/7cd45c/32.png) [@r.relouzat](https://forum.inductiveautomation.com/u/r.relouzat)\
**Post date:** [March 29, 2021, 1:18pm UTC](https://forum.inductiveautomation.com/t/button-url-ignition-designer/45013/1 "2021-03-29T13:18:23Z")

</div>

Hi, sorry for my English, it’s not my native language,  
I come from Pascal/C++,C#/Java language and I’m new with Ignition Designer,  
Please, with perspective mode, does someone can try to make a link URL with a Button, and show me your topic when you have success!!  
Same thing for popup.  
thanks a lot.

---

<div class="post-metadata">

**Author:** ![matthew.ayre](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/matthew.ayre/32/19499_2.png) [@matthew.ayre](https://forum.inductiveautomation.com/u/matthew.ayre)\
**Post date:** [March 29, 2021, 1:21pm UTC](https://forum.inductiveautomation.com/t/button-url-ignition-designer/45013/2 "2021-03-29T13:21:24Z")

</div>

Hi @r.relouzat, welcome.

Just to be clear, do you need a button to navigate to a URL or are you trying to make a button look like a URL link (or both)?

---

<div class="post-metadata">

**Author:** ![r.relouzat](https://avatars.discourse-cdn.com/v4/letter/r/7cd45c/32.png) [@r.relouzat](https://forum.inductiveautomation.com/u/r.relouzat)\
**Post date:** [March 29, 2021, 1:24pm UTC](https://forum.inductiveautomation.com/t/button-url-ignition-designer/45013/3 "2021-03-29T13:24:39Z")

</div>

Hello, good question, in fact i need an image to navigate to a URL when i click on it, but i m using a button for training, so yes i need a button to navigate to a URL

---

<div class="post-metadata">

**Author:** ![matthew.ayre](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/matthew.ayre/32/19499_2.png) [@matthew.ayre](https://forum.inductiveautomation.com/u/matthew.ayre)\
**Post date:** [March 29, 2021, 1:37pm UTC](https://forum.inductiveautomation.com/t/button-url-ignition-designer/45013/4 "2021-03-29T13:37:21Z")

</div>

You can do this by right clicking on the component and selecting ‘Configure Events…’. For a button you can use the ‘OnActionedPerformed’ event, but for an image you will need to use something like ‘onClick’

In the ‘Organize Actions’ pane press the + button and add a navigation action. Below shows an example of this:

 ![NavURL](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/1/21b76713649d9ec29137dd24e12b682be48e63d4.jpeg)

When using the URL option always make sure you have http:// or https://. If not Perspective will think you are trying to navigate to an internal URL such as a page.

Further information on event actions can be found [here](https://docs.inductiveautomation.com/display/DOC81/Component+Events+and+Actions).

---

<div class="post-metadata">

**Author:** ![r.relouzat](https://avatars.discourse-cdn.com/v4/letter/r/7cd45c/32.png) [@r.relouzat](https://forum.inductiveautomation.com/u/r.relouzat)\
**Post date:** [March 29, 2021, 1:43pm UTC](https://forum.inductiveautomation.com/t/button-url-ignition-designer/45013/5 "2021-03-29T13:43:46Z")

</div>

![NothingHappen](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/b/ebdee8c67468e2d7fc062181efab0a17b031a2ea.jpeg)  
I already did it, either with “open in new tab” or not, unfortunatly Nothing happen

---

<div class="post-metadata">

**Author:** ![matthew.ayre](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/matthew.ayre/32/19499_2.png) [@matthew.ayre](https://forum.inductiveautomation.com/u/matthew.ayre)\
**Post date:** [March 29, 2021, 1:47pm UTC](https://forum.inductiveautomation.com/t/button-url-ignition-designer/45013/6 "2021-03-29T13:47:06Z")

</div>

How are you testing this? I don’t think you can test it from the designer, it has to be done from a browser.

---

<div class="post-metadata">

**Author:** ![r.relouzat](https://avatars.discourse-cdn.com/v4/letter/r/7cd45c/32.png) [@r.relouzat](https://forum.inductiveautomation.com/u/r.relouzat)\
**Post date:** [March 29, 2021, 1:49pm UTC](https://forum.inductiveautomation.com/t/button-url-ignition-designer/45013/7 "2021-03-29T13:49:45Z")

</div>

in progress… haaa yes, thanks a lot, doesn’t work without “open in new tab” by the way, but ok with, thanks again

---

<div class="post-metadata">

**Author:** ![matthew.ayre](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/matthew.ayre/32/19499_2.png) [@matthew.ayre](https://forum.inductiveautomation.com/u/matthew.ayre)\
**Post date:** [March 29, 2021, 1:52pm UTC](https://forum.inductiveautomation.com/t/button-url-ignition-designer/45013/8 "2021-03-29T13:52:33Z")

</div>

@r.relouzat good to hear you got it working. It should work without ‘open in new tab’, but this is still dependant on what testing environment you are using. Also, remember to always hit save in the designer to update the test browser.

---

<div class="post-metadata">

**Author:** ![r.relouzat](https://avatars.discourse-cdn.com/v4/letter/r/7cd45c/32.png) [@r.relouzat](https://forum.inductiveautomation.com/u/r.relouzat)\
**Post date:** [March 29, 2021, 1:54pm UTC](https://forum.inductiveautomation.com/t/button-url-ignition-designer/45013/9 "2021-03-29T13:54:36Z")

</div>

ok, i do have to remember your council  
😉  
Thanks
