6 Answers, 1 is accepted
0
Hello,
The address bar should be hidden on iOS devices. After numerous attempts we discovered that hiding it on android causes more troubles than benefits - it will be disabled for the final release.
However, the hiding of the address bar in iOS is not 100% reliable, as it relies on series of scrolling hacks.
If it does not work for you, can you share your device/os version?
All the best,
Petyo
the Telerik team
The address bar should be hidden on iOS devices. After numerous attempts we discovered that hiding it on android causes more troubles than benefits - it will be disabled for the final release.
However, the hiding of the address bar in iOS is not 100% reliable, as it relies on series of scrolling hacks.
If it does not work for you, can you share your device/os version?
All the best,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Josh
Top achievements
Rank 1
answered on 12 Apr 2012, 06:32 PM
I am testing on a iphone iOS v5.1 (iphone 3) and the address will not hide.
When I comment out the code that initializes the mobile application the address will hide appropriately so I think it has something to do with the initialization of the application and the meta tags it is adding.
**Correction, i fixed my issue by removing a CSS rule that I had imposed because the DROID version was not respecting the device size
Before:
Remove this CSS rule solved my issue (with the iOS as least, still have DROID sizing issues)
When I comment out the code that initializes the mobile application the address will hide appropriately so I think it has something to do with the initialization of the application and the meta tags it is adding.
**Correction, i fixed my issue by removing a CSS rule that I had imposed because the DROID version was not respecting the device size
Before:
body { height:100% !important; } /*currently required to ensure automatic sizing of screen view*/
Remove this CSS rule solved my issue (with the iOS as least, still have DROID sizing issues)
0
Thomas
Top achievements
Rank 1
answered on 13 Apr 2012, 04:45 PM
Here is my workarround to hide the navbar in iOS:
$(document).ready(function () {
if (lat == null) {
lat = "";
lng = "";
navigator.geolocation.getCurrentPosition(onSuccess, onError);
}
// iPhone / iPod Detection
var deviceAgent = navigator.userAgent.toLowerCase();
var agentID = deviceAgent.match(/(iphone|ipod)/);
if (agentID) {
$("#body").css("min-height", "418px");
setTimeout(function () {
try { window.scrollTo(0, 1); } catch (e) { }
}, 0);
}
});
In the html-code, I added this two lines:
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
Greetings -
Tom
$(document).ready(function () {
if (lat == null) {
lat = "";
lng = "";
navigator.geolocation.getCurrentPosition(onSuccess, onError);
}
// iPhone / iPod Detection
var deviceAgent = navigator.userAgent.toLowerCase();
var agentID = deviceAgent.match(/(iphone|ipod)/);
if (agentID) {
$("#body").css("min-height", "418px");
setTimeout(function () {
try { window.scrollTo(0, 1); } catch (e) { }
}, 0);
}
});
In the html-code, I added this two lines:
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
Greetings -
Tom
0
Ciprian
Top achievements
Rank 1
answered on 25 Sep 2012, 01:44 PM
Hello,
any news about hiding the address bar in android?
Regards,
Julian
any news about hiding the address bar in android?
Regards,
Julian
0
Steven
Top achievements
Rank 1
answered on 17 Jan 2013, 03:34 PM
Is this expected to work with latest release? I don't see it working on my IPad 6.0.1
0
Hi Thomas,
Address bar cannot be hidden on iPad, the browser doesn't support it as there is enough space for the site. The feature is enabled only on small screen iOS devices (iPhone, iPod).
@Iulian: No, Kendo UI Mobile doesn't support address bar hiding on Android as it is unreliable and buggy across the different Android versions and devices.
Kind regards,
Kamen Bundev
the Telerik team
Address bar cannot be hidden on iPad, the browser doesn't support it as there is enough space for the site. The feature is enabled only on small screen iOS devices (iPhone, iPod).
@Iulian: No, Kendo UI Mobile doesn't support address bar hiding on Android as it is unreliable and buggy across the different Android versions and devices.
Kind regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!