Hide URL bar on mobile webapps

Hello, is it possible to hide the url bar on mobile devices when running VAADIN 10 as webapp?
Thanks in advance!

Hi,

This is possible in both iOS and Android devices. On iOS go to a URL of your Vaadin 10 webapp and tap on share icon (a box with up-arrow) and select “Add to Home screen”. On Android there is similar functionality.

Hope this helps,

Juha

Hello Juha,
that’s what I did, it’s not working for me. I also tried with the current version of the vaadin-bakery-flow app. The url bar remains when adding to home screen. Maybe I am missing some lines of code?
Greetings,
Dennis

Ok, need to dig deeper into this. It was some time ago when I tried that myself.

J

Dennis,

did you check:

https://developers.google.com/web/fundamentals/app-install-banners/

and perhaps https://vaadin.com/docs/v8/bakeryfw8/theming.html
(yes that is not directly related to Vaadin 10)

The line of code I was missing is setting the meta-tag

<meta name="apple-mobile-web-app-capable" content="yes">

This is working on iOS.