Skip to main content
Solved

Customize Shortcut/Application Icon


Harm Horstman
Superhero
Forum|alt.badge.img+21

Is it possible to replace the Thinkwise icon by a custom icon?
 

 

 

Best answer by Leroy Witteveen

Hi @Harm Horstman,

This is certainly possible by changing the images favicon.ico, logo.png and logo-512.png.
Make sure to keep these files intact when upgrading to a new Universal GUI though. ðŸ™‚
Some more information about installing Universal as Progressive Web App: https://docs.thinkwisesoftware.com/docs/deployment/universal#installation-as-a-web-app

Kind regards,
Leroy Witteveen

View original
Did this topic help you find an answer to your question?
This topic has been closed for comments

4 replies

Leroy Witteveen
Moderator
Forum|alt.badge.img+3

Hi @Harm Horstman,

This is certainly possible by changing the images favicon.ico, logo.png and logo-512.png.
Make sure to keep these files intact when upgrading to a new Universal GUI though. ðŸ™‚
Some more information about installing Universal as Progressive Web App: https://docs.thinkwisesoftware.com/docs/deployment/universal#installation-as-a-web-app

Kind regards,
Leroy Witteveen


mperrott
Hero
Forum|alt.badge.img+12
  • Hero
  • 99 replies
  • January 26, 2024

Hi Harm,

Just replace the favicon.ico inside the universal folder.

If you need new name of the icon just update the manifest.json to point to new icon.

Thanks


Harm Horstman
Superhero
Forum|alt.badge.img+21
  • Author
  • Superhero
  • 497 replies
  • January 26, 2024

Hello Gentlemen,

Thank you!

I thought it would be simple and it was, but there turned out to be a caching problem with my personal iPhone (SE). I still can't solve that, but it worked immediately on another device, so we are fine for new users.

I was also able to adjust the App Title, thanks to a previous conversation in the community.
Install App - Universal

Perhaps it is worth adding these steps to the documentation.


Leroy Witteveen
Moderator
Forum|alt.badge.img+3

@Harm Horstman 

I thought it would be simple and it was, but there turned out to be a caching problem with my personal iPhone (SE)

Did you uninstall and reinstall Universal as PWA? Because it seems that iOS doesn't update the icon if it gets changed after the website was installed as PWA.
If you did and it is still caching, as a last resort, you could change the following line of code in index.html from:
<link rel="apple-touch-icon" href="./logo.png"/>
to:
<link rel="apple-touch-icon" href="./logo.png?v=2"/>
And then pull to refresh, to make sure it bypasses the cache. Then, when installing as PWA, it should use the new icon.
 

Perhaps it is worth adding these steps to the documentation.

I've sent this to our documentation team, they will put it on the backlog so it'll get added to the documentation in the future. Thanks for the suggestion!

Kind regards,
Leroy Witteveen


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings