Google App Maker - how to open hyperlinks on button click

Question

I'm having an issue where tapping on a button, I need it to open a hyperlink. How can I achieve this?

Answer 1

Try to use Link widget:

https://developers.google.com/appmaker/scripting/api/widgets#Link

You can also set target to _blank if you want your link to open in new tab.

Answer 2

You can use

window.open('www.your_link.com','_blank');

in button onClick event

Answer 3

For future readers who are new to App Maker, the quick answer is:

          // ex: with the Link widget
          var link_widget = app.pages.PageName.descendants.LinkWidget;

          // use some function that gets your href
          var valid_link = getMyHref();

          // set the href
          link_widget.href = valid_link;

Answer 4

I've found a solution to this. The key is to use the HTML widget in Google App Maker. Then you parse the string can convert it to html and load it into the field. To do this you must consider the following:

• New Lines must be converted to
• Create a function to replaceAll - (replaces all instances found in a string)
• What count as a link, to do this use the list link_types

//Converts string to html with clickable links
function linkify(text){
  //splits by </br> and a space
  words = replaceAll('</br>',' ',text).split(' ');
  link_types = ['https://','http://','www.','.com','.co.uk'];
  links = [];
  //Scan all the words looking for a URL
  words.forEach(function(word){
    //console.log(word);
    var link_found = false;
    //Check if it contains any of the URL identifiers
    link_types.forEach(function(link_type){
      if(links.indexOf(word)===-1){
      if(!link_found){
        if(word.indexOf(link_type)!== -1){
          link_found = true;
          //appends to list of existing links to avoid creating multiple hyperlinks of the same URL
          links.push(word);
          href ='';
          //if the link doesn't contain http then it formats the URL to include it
          if(word.indexOf('http')===-1){
            href+='http://';
          }
          href+=word;
          //Replaces all occurences of the link to a html format
          text = replaceAll(word,'<a href="'+href+'" target="_blank">'+word+'</a>',text);
        }
      }
      }
    });
  });
  return text;
}

linkify('Loads of random text https://google.com more random text....')

output: 'Loads of random text https://google.com more random text....'

EDIT:

Define the replaceAll Function as below

function replaceAll (search, replacement,text) {
    var target = text;
    return target.replace(new RegExp(search, 'g'), replacement);
};