Open new Safari window/tab from iOS native

[InCommon]

I’m getting rejected from the App Store because my design for a “Donate” button opens a Patreon donation page within the native app. I want a workflow, script, or link that will open a Patreon page in Safari (or whatever the default browser is).

I understand there is a preference war with opening new windows vs tabs, and I couldn’t care less. I just want the Donate button to open the Patreon page outside of the native app so I can get approved by the App Store and iterate later.

I’ve tried solutions from these pages without success:

Opening an external website

So when you set it to open an external website, I want it to open a new tab rather then open it over the current app tab, requiring you to have to press back on the browser bar. Is this possible?

External link in workflow to open new tab

If you’re using a “link” object, you will be fine. “Link” objects can be opened in a new tab, but objects that are not of type “link” don’t have that functionality. The reasoning is in the documentation, here: https://bubble.io/reference#Actions.OpenURL

Namely, I’ve tried running a Javascript, and external website. I can’t try out the hyperlink option because of weird display issues that I’m figuring out. Screenshots attached:

(A)
(B)

Any clue? I’m on the 2-yard line for getting into the App Store. Thanks in advance!!!

[gurun]

Let`s see if this helps you out:

Use a cordova inappbrowser plugin.
Assuming you have cordova installed you can add the plugin from console with:

cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git

Then add in the cordova config.xml file:

<feature name="InAppBrowser">
    <param name="ios-package" value="CDVInAppBrowser" />
</feature>

Allow the launch of URL`s: (try also without these at first)

   <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />

And then for the link use:

<a href="javascript: window.open('http://www.yourpatreonurl.here/', '_system'); return false;">Donate all your money here</a>

More documentation here:

Inappbrowser - Apache Cordova

IF this did NOT work…
Explore this:

GitHub - PaoloMessina/OpenUrlExt: Open a specific URL in the external browser...

[InCommon]

Hi @gurun, I appreciate it! One question: How do I use a cordova inappbrowser plugin?

I looked to the Bubble plugins list and couldn’t find anything.

Cordova sounds like one problem I had while wrapping the Bubble web app so I could submit to the App Store…

[gurun]

You need to add it using cordova. Did you even install cordova on your computer?
Unzip your “app” package bubble sent you.

To install cordova:

Go to your app folder.
To configure your plugin: (learn from this but use my guide)

After all of this. Zip your app folder back up and upload to the phonegap build service.

Good luck!

[InCommon]

I installed PhoneGap but not Cordova, I think. Thanks.