# Auto hiding status bar on android device

**URL:** <https://discourse.nodered.org/t/auto-hiding-status-bar-on-android-device/9037>\
**Category:** General\
**Created:** [15 March 2019 22:23 UTC](https://discourse.nodered.org/t/auto-hiding-status-bar-on-android-device/9037 "2019-03-15T22:23:43Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Petr](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/petr/32/6413_2.png) [@Petr](https://discourse.nodered.org/u/Petr)\
**Post date:** [15 March 2019 22:23 UTC](https://discourse.nodered.org/t/auto-hiding-status-bar-on-android-device/9037/1 "2019-03-15T22:23:43Z")

</div>

Is there a way to set the dashboard to hide status bar (top of the android screen + browser top screen with the url field)  
I have dashboard where the size is set for my mobile phone (see attached picture), but I didn’t found the way how to hide top of the screen as other web pages do.

 ![Screenshot_20190315-143814](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/3/3162132289dac8ede2b3041748caec5f17af54ec.png)

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [15 March 2019 22:30 UTC](https://discourse.nodered.org/t/auto-hiding-status-bar-on-android-device/9037/2 "2019-03-15T22:30:48Z")

</div>

Don't know about the auto hide, but permanent option is available here  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/e/ec1192c0de74b7748bed5aaf60bb4301c3239a23.png)

---

<div class="post-metadata">

**Author:** ![Petr](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/petr/32/6413_2.png) [@Petr](https://discourse.nodered.org/u/Petr)\
**Post date:** [15 March 2019 22:43 UTC](https://discourse.nodered.org/t/auto-hiding-status-bar-on-android-device/9037/3 "2019-03-15T22:43:03Z")

</div>

Thank you, I know this option but this is not what I mean (maybe I was not clear enough in my post).  
I am looking for the functionality, where Android is hiding the top of the browser screen (the url field), as other pages usually do when scrolling up the browser window.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [15 March 2019 22:48 UTC](https://discourse.nodered.org/t/auto-hiding-status-bar-on-android-device/9037/4 "2019-03-15T22:48:30Z")

</div>

On iOS, you can do this by adding the Dashboard to your home screen, when you launch it that way, you don't get the url line.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [15 March 2019 22:52 UTC](https://discourse.nodered.org/t/auto-hiding-status-bar-on-android-device/9037/5 "2019-03-15T22:52:59Z")

</div>

Same goes for android devices

---

<div class="post-metadata">

**Author:** ![Petr](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/petr/32/6413_2.png) [@Petr](https://discourse.nodered.org/u/Petr)\
**Post date:** [15 March 2019 22:54 UTC](https://discourse.nodered.org/t/auto-hiding-status-bar-on-android-device/9037/6 "2019-03-15T22:54:54Z")

</div>

When visiting web pages using Android, they usually have this functionality... I will investigate on Android forums...

---

<div class="post-metadata">

**Author:** ![Petr](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/petr/32/6413_2.png) [@Petr](https://discourse.nodered.org/u/Petr)\
**Post date:** [15 March 2019 23:12 UTC](https://discourse.nodered.org/t/auto-hiding-status-bar-on-android-device/9037/7 "2019-03-15T23:12:27Z")

</div>

Yes, adding the url to the "home" screen solved my problem.  
Adding following meta did not help.

```auto
<meta name="mobile-web-app-capable" content="yes">

```

---

<div class="post-metadata">

**Author:** ![Petr](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/petr/32/6413_2.png) [@Petr](https://discourse.nodered.org/u/Petr)\
**Post date:** [16 March 2019 09:38 UTC](https://discourse.nodered.org/t/auto-hiding-status-bar-on-android-device/9037/8 "2019-03-16T09:38:29Z")

</div>

I have found very good info source about the native fullscreen [here](https://developers.google.com/web/fundamentals/native-hardware/fullscreen/)

---

<div class="post-metadata">

**Author:** ![Robbo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/robbo/32/4491_2.png) [@Robbo](https://discourse.nodered.org/u/Robbo)\
**Post date:** [16 March 2019 11:54 UTC](https://discourse.nodered.org/t/auto-hiding-status-bar-on-android-device/9037/9 "2019-03-16T11:54:57Z")

</div>

Search the store for Kiosk browsers as well.

---

<div class="post-metadata">

**Author:** ![Petr](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/petr/32/6413_2.png) [@Petr](https://discourse.nodered.org/u/Petr)\
**Post date:** [16 March 2019 13:09 UTC](https://discourse.nodered.org/t/auto-hiding-status-bar-on-android-device/9037/10 "2019-03-16T13:09:37Z")

</div>

Thank you, Robbo, your tip was exactly what I wanted.  
I have installed "Fully Kiosk Browser & app lockdown" from the Android app store.  
This works exactly as I wanted. No status bar, no browser url field...  
All screen for the web page with NR dashboard.  
A lot of things to improve (width, buttons), but this is the way.  
Thanks.

 ![Screenshot_20190316-141022](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/5/5d24e927c538daef1ada0a939f8d6005f96c48ac.png)