This is a migrated thread and some comments may be shown as answers.

Auto Fullscreen

6 Answers 315 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Thomas
Top achievements
Rank 1
Thomas asked on 10 Feb 2012, 08:00 PM
Will there be a Fullscreen-Support so that the address-bar of mobile browsers will disapear?

6 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 11 Feb 2012, 10:11 AM
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
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:
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
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
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
Kamen Bundev
Telerik team
answered on 18 Jan 2013, 12:05 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
General Discussions
Asked by
Thomas
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Josh
Top achievements
Rank 1
Thomas
Top achievements
Rank 1
Ciprian
Top achievements
Rank 1
Steven
Top achievements
Rank 1
Kamen Bundev
Telerik team
Share this question
or