Forum Documentation Showcase Pricing Learn more

Call page in a new tab

The “Link” visual element allows one to open an internal page in a “new tab”

Why can’t we do the same when opening an internal page from a workflow?

2 Likes

As explained here https://bubble.io/reference#Actions.OpenURL, it’s because of browsers popup blockers. Nothing we can do about that.

@macro101

You can use a HTML element with target:_blank function and style the HTML as a button:

for example:

<a style="background-color: #000; padding: 5px; border-radius: 9px; color: #fff; text-decoration: none" href="https://www.bubble.is" target="_blank">bubble</a>
2 Likes

Hi Emmanuel, I am struggling with the current approach, as I think the problem is twofold:

  1. most modern browsers clearly indicate when a popup is blocked and make it easy for the user to override and allow tabs/popups from a website

  2. if the URL is provided by an API, for the Link approach, Bubble needs to call the API each time the page loads just to provide the Link/External link URL, instead of just calling it when the user clicks the element for the External URL workflow. Make sense?

Thanks.

2 Likes

I agree. I feel like this is incredible outdated. @emmanuel - is it possible to revisit this? It’s the number one complaint I receive from people.

6 Likes

Bumping this. Really needed!

4 Likes

Had a client ask if we could do this today. Wanted to bring it back up, so grateful for everything y’all do and would love if this got added to the queue.

It’s possible using the Link element.

2 Likes

Can you use that along with an icon? I am trying to avoid the text specifically.

What I end up doing is to put an icon, then add a link element on top of the icon, then group them both together. I delete all the text in the link element, but have it target the URL I want to navigate to. It’s hacky, but works perfectly.

Others may have found a way to use an icon instead of text for the link itself, but I never ventured down that path once I made this work.

2 Likes

That is really good to know! Thank you @andrewgassen

Hey everyone! This solution work’s just right External link in workflow to open new tab

Hey Andrew, this solution is great but in this case we can lose access to the icon conditional logic such as “when hovered then change the icon colour”. I’d recommend trying this solution: External link in workflow to open new tab