New tab navigation using button

Gowtham

Solved by AI

Question

Hi,

I need to navigate to a new tab on click of a button. I know we can navigate to new tab using a link, but my requirement is to use a button. My app is reactive so there is no property to set navigate as in web app.

Thanks,

Gowtham

29 Jun

OutSystems Neo

Staff

Solution by AI

AI Generated

You can’t directly set target="_blank" on a Button in Reactive, but you can achieve the same behavior with a small Client Action and JavaScript.

Typical approach:

Add a Client Action to your button’s On Click.
Inside that Client Action:
- Build the URL of the screen/page you want to open (for example using GenerateURL or string concatenation).
- Add a JavaScript node.
In the JavaScript node, define an input parameter URL (Text), and use:

window.open($parameters.URL, '_blank');

This will open the desired URL in a new browser tab when the button is clicked, while still allowing you to run any logic before opening the tab (calling server actions, preparing data, etc.). open screen redirect from client action in new tab

If your URL needs query parameters or special characters, use EncodeUrl() when building it so it’s properly URL‑encoded. open screen redirect from client action in new tab

See solution in context

02 Jul

This answer was AI-generated. Please read it carefully and use the forums for clarifications

Dorine Boudry

MVP

what do you mean when you say "my requirement is to use a button" ? Does it have to look like a button ? in that case, just style a container in the link. Or do you mean that you first have to do some logic in a screen action, and only then open a page in anoter tab ?

29 Jun

Samuel Espinoza

Hey @Gowtham yes as @Dorine Boudry said you can just use a link or a container and style it to look like a button, you will also need to use the "target" "_blank" that way the link will open a new tab instead of redirect like this:Also you can use a button, but you will need to handle the action and inside that action add a JS to open in a new tab

At least that's how I have found that works, you have some more options, but I think these are the easiest unfortunately not using the screen redirect, here are some previous post that I've found with the same topic that might help you too

https://www.outsystems.com/forums/discussion/54897/reactive-app-how-to-open-an-external-site-in-a-new-tab/
And
https://www.outsystems.com/forums/discussion/40272/display-link-in-new-tab-from-client-action/

29 Jun

OutSystems Neo

Staff

Solution by AI

AI Generated

You can’t directly set target="_blank" on a Button in Reactive, but you can achieve the same behavior with a small Client Action and JavaScript.

Typical approach:

Add a Client Action to your button’s On Click.
Inside that Client Action:
- Build the URL of the screen/page you want to open (for example using GenerateURL or string concatenation).
- Add a JavaScript node.
In the JavaScript node, define an input parameter URL (Text), and use:

window.open($parameters.URL, '_blank');

If your URL needs query parameters or special characters, use EncodeUrl() when building it so it’s properly URL‑encoded. open screen redirect from client action in new tab

02 Jul

This answer was AI-generated. Please read it carefully and use the forums for clarifications

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.

See the full guidelines