"Real" full screen on mobile

1

Heyho!

To get “real” full screen on mobile (“real” = no status bar etc., like when you play a mobile game) I need to use a Cordova plugin, right?

Can you recommend one?

I also want the screen to be “fixed” - so the controls, images etc. do not “move” when swiping over the screen… also a plugin needed, correct?

Maybe also a recommendation for that…

Thank you!!!

Best wishes,

Olaf

2

…heyho!

“Real” fullscreen should work using cordova-plugin-statusbar:

Will give it a try now…

3

…ok, that was an easy one:

As the plugin was already in my config.xml I could simply use “StatusBar.hide();” at runtime (e. g. when the 1st Form is shown).

To hide the statusBar on startup I must add the following to my Info.plist:

<key>UIStatusBarHidden</key>
<true/>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>

But where can I do this?!

Thank you…!

4

Hello.

Have added this to my config.xml:

<!-- Platforms: Customize as needed. -->
<platforms>
   <platform name="android" />
<platform name="ios">
 <edit-config file="*-Info.plist" mode="merge" target="UIStatusBarHidden">
    <true/>
</edit-config>
<edit-config file="*-Info.plist" mode="merge" target="UIViewControllerBasedStatusBarAppearance">
    <false/>
</edit-config>
</platform>
</platforms>

But the StatusBar is not hidden on startup… :frowning:

5

Can you post a screenshot of what you are seeing?

6

Hello George,

on my iPhone it looks like this after startup:

F3F29DFC-44B9-4F66-8D0F-A30EFC7604B5_1_102_o
F3F29DFC-44B9-4F66-8D0F-A30EFC7604B5_1_102_o750×1334 15.1 KB

So, the status bar is not hidden.

In my config.xml there is the following:

<!-- Platforms: Customize as needed. -->
<platforms>
   <platform name="android" />
<platform name="ios">
 <edit-config file="*-Info.plist" mode="merge" target="UIStatusBarHidden">
    <true/>
</edit-config>
<edit-config file="*-Info.plist" mode="merge" target="UIViewControllerBasedStatusBarAppearance">
    <false/>
</edit-config>
</platform>
</platforms>
7

The following function…

Function Button1_onclick()
  StatusBar.hide();
End Function

…hides the status bar during runtime.

8

Regarding my second questions I hoped that the Forms property “locked” (=true) would prevent objects like images etc. from moving when swiping over the screen - but it does not… :frowning:

9

The StatusBar is not drawn by AppStudio.

Can you do StatusBar.hide() in Sub Main() (assuming BASIC) or function Main() {...} (JavaScript)?

10

StatusBar.hide() in Sub Main() / function Main() works perfect… thank you!

11

Is there a way to prevent objects (Buttons, images) from moving when I swipe over the screen?

They should just move (images) when I touch them and swipe…

Do not find a way to do so… :frowning:

12

Hello,

I have tested a lot - but do not get my form “locked” so items are not moved when swiping over the screen.

But do not get it running… :frowning:

Maybe scrolling = false is the solution - but I do not find this Form property under properties (Properties window).

Any idea what I can do?

Thank you…

13

Hello,

as my main question regarding “full screen” (solution = hiding the StatusBar) is solved I would like to create a new ticket to my second question (protect form scrolling)…

Thank you for your support!!!

14

Let’s move the scrolling discussion to your new thread.