NetTalk Central
NetTalk Web Server => Web Server - Ask For Help => Topic started by: hectorp on August 01, 2024, 10:57:20 AM
-
Hi all,
Does anyone was able to allow to save a shortcut with logo image at the Home Screen for an Android mobile phone?
I was able to do it to an Iphone but no to an Android one.
Here is the code I'm using in the Index page:
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="/images/logo.png" />
<link rel="apple-touch-icon" href="https://mywebapplication.com/images/logo.png" />
-
Hector,
Yes, I am adding Icon to Home screen on both Android and Iphone. I am copying an earlier post here by Poul and follow it and you will be all set.
Ron
Re: NTWS 12.63-App shortcut in mobile's home screen
? Reply #2 on: January 14, 2024, 11:27:56 PM ?
Quote
Hi,
It can be done manually.
1) Go to a site like this and create your icon images: https://realfavicongenerator.net/
2) In the app, Webhandler, SetCustomHTMLHeaders you place this:
Code: [Select]
self.MetaHeaders = ' ' & |
'<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">' & |
'<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">' & |
'<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">' & |
'<link rel="manifest" href="/site.webmanifest">' & |
'<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">' & |
'<meta name="msapplication-TileColor" content="#da532c">' & |
'<meta name="theme-color" content="#ffffff">'
3) Distribute the created icon images and files in the web folder.
4) The user then opens your app, and creates the shortcut from the menu, Add to home Screen:
/Poul