Trace:
Differences
This shows you the differences between two versions of the page.
vaadin:mobile_devices [2018/02/06 11:59] admin created |
vaadin:mobile_devices [2020/07/03 17:11] (current) cduncan Edited for English grammar (capitalization, punctuation, correct verb conjugation) |
||
---|---|---|---|
Line 1: | Line 1: | ||
~~NOTRANS~~ | ~~NOTRANS~~ | ||
- | ~~Title: Mobile devices~~ | + | ~~Title: Mobile Devices~~ |
- | If you're using mobile devices for your web application based on our vaadinUI, you know that the resolution doesn't change automatically. The app will be shown as desktop application, but on your mobile device. It's not nice, especially on smartphones. But... mobile devices support viewport scaling if set via html page. | + | If you're using mobile devices for your web application based on our Vaadin UI, you know that the resolution doesn't change automatically. The app will be shown as a desktop application but on your mobile device. It's not nice -- especially on smartphones. However... mobile devices support viewport scaling if set via html page. |
- | Another specific thing is that mobile devices support bookmarks of html pages. You can place a bookmark on the home screen(s) of your device. Such bookmarks should have custom icons. Usually it's a screenshot of the web page or the favourite icon. | + | Another specific thing is that mobile devices support bookmarks of html pages. You can place a bookmark on the home screen(s) of your device. Such bookmarks should have custom icons. Usually it's a screenshot of the web page or the favorite icon. |
- | We've built-in support for both issues. | + | We've built in support for both issues. |
- | Our vaadin UI will add following tags to the html page, if the application runs on a mobile device (identified via user agent = browser name): | + | Our Vaadin UI will add following tags to the html page, if the application runs on a mobile device (identified via user agent = browser name): |
<file html> | <file html> | ||
Line 27: | Line 27: | ||
</file> | </file> | ||
- | If your application should be automatically scaled, simply change your deployment descriptor (web.xml) and add following | + | If your application should be automatically scaled, simply change your deployment descriptor (web.xml) and add the following: |
<file xml> | <file xml> |