Project

General

Profile

Support #11115

Make Wt WebApp Fullscreen on iOS Homescreen

Added by Manuel Weichselbaumer 2 months ago. Updated 2 months ago.

Status:
New
Priority:
Normal
Assignee:
-
Target version:
-
Start date:
11/28/2022
Due date:
% Done:

0%

Estimated time:

Description

Hey there,
i am trying to make my Wt WebApp fullscreen. What i found is utilising js might do the trick. However, this is not working for me or i do not know from where to call it:
wApp->doJavaScript("document.documentElement.webkitRequestFullscreen();");

The Wt Homepage (which claims to be a Wt App itself) perfectly does the job correct. How is it done? Thanks in advance.

#1

Updated by Roel Standaert 2 months ago

I think you may be thinking of the viewport meta tag, rather than the requestFullscreen() function.

The Wt site includes <meta> tags in the <head-matter> section of its wt_config.xml to make this happen, e.g.:

<server>
  <application-settings location="*">
    <head-matter>
      <meta name="viewport" content="width=device-width, initial-scale=1" />
    </head-matter>
  </application-settings>
</server>
#2

Updated by Manuel Weichselbaumer 2 months ago

Thanks. This did the trick for me:

<server>
  <application-settings location="*">
    <head-matter>
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      <meta name="apple-mobile-web-app-capable" content="yes" />
      <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    </head-matter>
  </application-settings>
</server>

Also available in: Atom PDF