Show phone numbers and addresses as 1-click phone use

[TNathan]

Building an app to run on phones, two of my columns are phone number and address, and I want them to appear as links that launch the phone and call the number, or launch Google maps with the location or some such.  Right now they just show up as text.  Any help here most appreciated, many thanks -t

[Tubby]

You can add an HTML block as the column for your phone number and use the syntax in this article:
https://allwebco-templates.com/support/S_smartphone-link.htm

Just change the number part and replace it with your actual phone field's parameter. Sample below:



This will open the phone's dialer so they can call the number directly.

[TNathan]

Hi, many thanks, that is definitely the right track, but I cannot get it to show up right.  Here is my HTML block and the result, any idea why it doesn't format the link?  TIA!

[Harpreet]

Hi @TNathan disable the html in the advance ( on the right to standard)

[TNathan]

Do you mean this box, I disabled it, same result, it does not format the phone # as a link, same as above.

 

[Harpreet]

yup

[TNathan]

19 hours ago, Harpreet said:

yup

Got it - the key was when you uncheck that HTML Editor box, it converts your HTML into something like:

<a href="tel:[@field:Phone]">[@field:Phone]</a>

Need to re-type it as original, and now it works.  Many thanks!

Edited May 21, 2022 by TNathan
Needed an extra step

[Tubby]

Was not able to check my notifications but glad you were able to make that work. For the address part, I am not that familiar with it but I saw this thread: https://stackoverflow.com/questions/1300838/how-to-convert-an-address-into-a-google-maps-link-not-map

Basically, if you need maps to open, you'll make your address a hyperlink and use the query on the top voted comment to search for that address. Disadvantage is, if your value is a text and not a coordinates, the result might not be accurate.

Same procedure as the phone, use HTML block and put in source

Sample:
<a href="https://maps.google.com/?q=[@field:Address]"> [@field:Address] </a>