"Real" full screen on mobile

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

…heyho!

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

Will give it a try now…

…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…!

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:

Can you post a screenshot of what you are seeing?

Hello George,

on my iPhone it looks like this after startup:

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>

The following function…

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

…hides the status bar during runtime.

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:

The StatusBar is not drawn by AppStudio.

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

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

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:

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…

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!!!

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