# Android browser full screen

**URL:** <https://discourse.nodered.org/t/android-browser-full-screen/94530>\
**Category:** Dashboard\
**Tags:** node-red-dashboard, dashboard-2\
**Created:** [11 January 2025 11:33 UTC](https://discourse.nodered.org/t/android-browser-full-screen/94530 "2025-01-11T11:33:55Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![dth](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dth/32/72723_2.png) [@dth](https://discourse.nodered.org/u/dth)\
**Post date:** [11 January 2025 11:33 UTC](https://discourse.nodered.org/t/android-browser-full-screen/94530/1 "2025-01-11T11:33:56Z")

</div>

Does anybody have a solution for showing dashboard (and dashboard2 for that matter) in full screen on android devices?

It seems that with Chrome/Android 15 the address bar is always shown. Same for Firefox.

Anybody found a solution for this, without elaborate kiosk mode browser apps, etc.?

Edit: It used to work for me on an earlier Android version (with Chrome) but I cannot get it to work any more. It looks like other people also have it working, somehow.

---

<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:** [11 January 2025 11:45 UTC](https://discourse.nodered.org/t/android-browser-full-screen/94530/2 "2025-01-11T11:45:38Z")

</div>

I think (though my memory on this is rather hazy) that it is controlled by the manifest file? I believe that D1 and D2 automatically create those and I don't know if you have any control over them.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [11 January 2025 12:16 UTC](https://discourse.nodered.org/t/android-browser-full-screen/94530/3 "2025-01-11T12:16:31Z")

</div>

Browse to the page and then select Add to Home Screen, or Install as App, or something along those lines. The wording varies with Android version.

---

<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:** [11 January 2025 15:34 UTC](https://discourse.nodered.org/t/android-browser-full-screen/94530/4 "2025-01-11T15:34:54Z")

</div>

Add to Home Screen does not take the address bar away.

I do it that way:  
In one of my cards I have content which listens for click.  
The fullscreen API does require user interaction thus automatic approach is not possible with that.

```auto
<div ref="content" class="single-centered weather-content" @click="fullscreen()">

```

And the the function itself as simple as

```auto
methods: {
          fullscreen(){
            if (!document.fullscreenElement) {
              document.documentElement.requestFullscreen()
            }
            else{
              document.exitFullscreen();
            }
            
          }, ....

```

So looks on mobile like this

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/b/2b6242a09ced15e3c8915bb5f6d2d24607484de1.jpeg)

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [11 January 2025 17:07 UTC](https://discourse.nodered.org/t/android-browser-full-screen/94530/5 "2025-01-11T17:07:49Z")

</div>

> [@hotNipi](#):
>
> Add to Home Screen does not take the address bar away.

Ah yes, it only does that if you install as App, which needs https I think.

---

<div class="post-metadata">

**Author:** ![Hubertus](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hubertus/32/10077_2.png) [@Hubertus](https://discourse.nodered.org/u/Hubertus)\
**Post date:** [13 January 2025 14:44 UTC](https://discourse.nodered.org/t/android-browser-full-screen/94530/6 "2025-01-13T14:44:53Z")

</div>

You can also use Fully as an alternative. Many settings and also a kiosk mode.  
Best regards  
Hubertus

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [27 January 2025 14:45 UTC](https://discourse.nodered.org/t/android-browser-full-screen/94530/7 "2025-01-27T14:45:20Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.