Full Screen

πŸ“˜

Control whether your app is displayed in full screen. This mode can also be set at runtime from your website using the JavaScript Bridge. Note that on Android when full screen mode enabled the keyboard will overlay on top of your web content which can cause issues for users completing forms.

πŸ‘

Developer Demo

Display our demo page in your app to test during development https://median.dev/full-screen/

iOS Full Screen in Landscape

On iOS, the sidebars that show when modern iOS devices are in landscape mode can be hidden to provide the full horizontal screen space to your app.

Android Full Screen

On Android, the Android Navigation Bar and Status Bar can be hidden to provide a full screen experience for the user.

To set this mode as default, enable it within your app configuration on the Interface tab. To set it at runtime, use the Median JavaScript Bridge command.

↔️Median JavaScript Bridge

To enable full screen mode:

median.android.screen.fullScreen();

To disable full screen mode:

median.android.screen.normal();

🚧

Full Screen and Keyboard UX

With the Full Screen setting enabled on Android the keyboard will overlay on top of your web content which can cause issues for users completing forms. If you use forms in your app consider two solutions to improve UX.

  1. Disable the Full Screen mode via the JavaScript Bridge when showing a page that includes forms.
  2. Make use of the keyboard listener functions to disable/enable Full Screen mode via the JavaScript Bridge when the keyboard is active/inactive.