Documentation

Trace:

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
vaadin:hide_addressbar [2018/02/06 12:25]
admin created
vaadin:hide_addressbar [2020/08/05 12:54] (current)
cduncan Capitalization
Line 1: Line 1:
 ~~NOTRANS~~ ~~NOTRANS~~
-~~Title: Hide the address bar on mobile devices~~+~~Title: Hide the Address Bar on Mobile Devices~~
  
-If you use your application with vaadin ​UI on a mobile device (Android, iOS), the mobile browser will be used. The problem with the browser is that it has an address bar. This is nice for daily web surfing, but not for a business application,​ because it reduces the available space for your application.+If you use your application with Vaadin ​UI on a mobile device (Android, iOS), the mobile browser will be used. The problem with the browser is that it has an address bar. This is nice for daily web surfing, but not for a business application,​ because it reduces the available space for your application.
  
-If you want to hide the address bar, you have to "​install"​ the application. Sure, your vaadin ​UI application isn't really a native application and can't be installed. But you can add a link to your vaadin ​UI application on the home screen of your mobile device. It's not a problem to do this. iOS has an icon in the address bar:+If you want to hide the address bar, you have to "​install"​ the application. Sure, your Vaadin ​UI application isn't really a native application and can't be installed. But you can add a link to your Vaadin ​UI application on the home screen of your mobile device. It's not a problem to do this. iOS has an icon in the address bar:
  
 {{:​vaadin:​ios.png?​nolink|}} {{:​vaadin:​ios.png?​nolink|}}
  
-Use this icon to add a link to the home screen of your device. An Android based device has a different icon:+Use this icon to add a link to the home screen of your device. An Android-based device has a different icon:
  
 {{:​vaadin:​android.png?​nolink|}} {{:​vaadin:​android.png?​nolink|}}
Line 16: Line 16:
 If your mobile device is iOS based and the used browser is mobile chrome, you have the option to configure your application by a specific Manifest file. Read more about [[https://​developer.mozilla.org/​en-US/​docs/​Web/​Manifest|Web App Manifest]]. If your mobile device is iOS based and the used browser is mobile chrome, you have the option to configure your application by a specific Manifest file. Read more about [[https://​developer.mozilla.org/​en-US/​docs/​Web/​Manifest|Web App Manifest]].
  
-Place the manifest.json in the same place as your custom icons.+Place the **manifest.json** in the same place as your custom icons.
This website uses cookies for visitor traffic analysis. By using the website, you agree with storing the cookies on your computer.More information