← Back to team overview

ubuntu-phone team mailing list archive

Re: Webapp Development

 

On 10/10/14 22:51, Olivier Tilloy wrote:
On Fri, Oct 10, 2014 at 1:23 PM, Mitchell Reese
<projects@xxxxxxxxxxxxxxxxxxxxx> wrote:
On 07/10/14 08:44, Olivier Tilloy wrote:
On Mon, Oct 6, 2014 at 11:24 PM, Mitchell Reese
<projects@xxxxxxxxxxxxxxxxxxxxx> wrote:
1. Is there any way currently for webapps to be fullscreen when in
      landscape mode? I'm talking about the notification bar
disappearing
      when rotating the device on it's side. There are already a couple
      apps that do this (gallery, etc.) and it would be great to have
this
      functionality for webapps. Working on a couple games, and
something
      just doesn't look right with the notification bar wrong way up on
      the left hand side of the device. It would be great if apps being
      used in landscape mode had this functionality. Is anything like
this
      currently possible, or planned?
Webapps (and web pages) that request fullscreen should hide the
notifications bar. This was not enabled until now because of bug
#1328839, but the bug has been fixed, and I submitted a change to
reflect that in the browser and the webapps container


(https://code.launchpad.net/~osomon/webbrowser-app/fullscreen-workaround-1328839/+merge/237234).
Expect this to land soon.
Great, am currently on the dev image for the RTM release, so will
hopefully
see this soon. What's the code to enable this in webapps?
Use the DOM fullscreen API in the app itself:

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode.
Trying this now, and am a bit lost. Am I using this code with the
webapp-container itself, or in the webapps being created in the sdk? No
obvious options for where to use this, so I'm missing something entirely.
Has this been implemented on a basic level within the webapp template files
in the sdk (i.e., can I add an option to one of the obvious files), or do I
need to add this code to the webapp-container itself?
The DOM fullscreen API applies to the webapp itself, i.e. the app has
to request fullscreen from JS code. If you don’t control the code of
the webapp but still want to make it fullscreen, this is not an
option.

The webapp-container has a '--fullscreen' command-line switch that
would do the trick, if it wasn’t broken (tracked by
https://bugs.launchpad.net/webbrowser-app/+bug/1379766).
Have added to this bug - would be great to see it fixed. For now, have added this tag to my application for when it gets fixed. Affects the polished look of Ubuntu webapps, but not functionality. What /would/ be awesome is buit-in functionality where rotating the device to landscape causes the app to become fullscreen, and rotating it back to portrait shows the notification bar.

Also, is there any functionality planned to make it easy to change the time-out of the screen? Not sure if it's in the design time-line, but love the idea of apps being able to say whether they want the screen to time-out. Thinking specifically of the ABC 4 Kids webapp I just published - fine for games when the kids are interacting with the screen, but when watching a video the screen times out after a minute (my default settings). I can of course change this in the phone settings, but would be nice for the app to have an option for this.


Follow ups

References