DecSoft Support - Open web url from html view control

Open web url from html view control

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

Take a look at some frequently asked questions about us and our products!

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

Take a look at our YouTube channel and subscribe to be notified about new videos!

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

Mario Steinbacher

Hi David, it's me again ... what is the best way top open an url in the system browser (Android, ios, ... ) when the link is in the html view element. (i have made a vue template where i place all needed elements) because sometimes i have links to no https pages. And in most cases i have to open the links in the system browser. best regards.

DecSoft

Hello Mario,

Yes; If I understand well, you have something like the below in an HTML control placed in an app view:


<a href="https://www.decsoftutils.com/" class="open-link">Open a link</a>

If that is correct (the link markup can change, but, I hope you got the point), probably the most easy way to handle the link is to use the Click event of the HTML control, so, we can place the below code (which asume an "htmlContent" control inside an "view1" app view):


// This is important to avoid the default links behaviour
views.view1.htmlContent.event.preventDefault();

// Look if there is a link which has been pressed by the user
if (views.view1.htmlContent.event.target.className.indexOf('open-link') !== -1) {

  // Get the URL from the link "href" attribute
  var
    url = views.view1.htmlContent.event.target.href;

  // If we are in a Cordova platorm (like Android)
  if (window.cordova) {

    // Use the InAppBrowser plugin with the "_system" argument
    app.cordova.inAppBrowser.open(url, '_system', '');

  } else {

    // In other platforms (like a browser) open a new window
    window.open(url);
  }
}

Note the usage of the Cordova InAppBrowser plugin, which you must "check" in the Apache Cordova tab of the app options.

The above is just a way to handle the links, so, if you find it not really useful in your particular case, just post here, and I will try to help you with other possible ways, Mario.

Purchase one or more licenses of our products if they are useful to you!

Mario Steinbacher

thank you! I have made a custom function with your cordova part and it works. thank you, david

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.