Adding icon to Android Home Screen, anyone?

[hectorp]

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" />

[rjolda]

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