# Dashboard in full screen

**URL:** <https://discourse.nodered.org/t/dashboard-in-full-screen/72323>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [16 December 2022 14:20 UTC](https://discourse.nodered.org/t/dashboard-in-full-screen/72323 "2022-12-16T14:20:01Z")\
**Posts on this page:** 10\
**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:** [16 December 2022 14:20 UTC](https://discourse.nodered.org/t/dashboard-in-full-screen/72323/1 "2022-12-16T14:20:01Z")

</div>

The manifest.json file in the Dashboard implementation specifies "standalone" display. Can it be changed to specify "fullscreen"?

Where are the HTML (and manifest.json) files located? Or are they generated dynamically?

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [16 December 2022 15:11 UTC](https://discourse.nodered.org/t/dashboard-in-full-screen/72323/2 "2022-12-16T15:11:16Z")

</div>

It is generated at compile time. - line 56 of ui.js - which is packed into dist/js/app.min.js

---

<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:** [16 December 2022 16:10 UTC](https://discourse.nodered.org/t/dashboard-in-full-screen/72323/3 "2022-12-16T16:10:05Z")

</div>

Thanks, that is interesting 🙂

It is unclear to me how I could best achieve this behaviour - chaning the manifest details?

In can change it in ui.js, but have not been able to rebuild the files in dist/

---

<div class="post-metadata">

**Author:** ![Yury](https://avatars.discourse-cdn.com/v4/letter/y/f19dbf/32.png) [@Yury](https://discourse.nodered.org/u/Yury)\
**Post date:** [16 December 2022 19:24 UTC](https://discourse.nodered.org/t/dashboard-in-full-screen/72323/4 "2022-12-16T19:24:11Z")

</div>

What is the difference between "standalone" and "fullscreen" display ?

---

<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:** [16 December 2022 20:23 UTC](https://discourse.nodered.org/t/dashboard-in-full-screen/72323/5 "2022-12-16T20:23:27Z")

</div>

Standalone is the default / normal browser setup with the address bar at the top, etc.

Fullscreen shows just the webpage.

[https://developer.mozilla.org/en-US/docs/Web/Manifest/display](https://developer.mozilla.org/en-US/docs/Web/Manifest/display)

---

<div class="post-metadata">

**Author:** ![Yury](https://avatars.discourse-cdn.com/v4/letter/y/f19dbf/32.png) [@Yury](https://discourse.nodered.org/u/Yury)\
**Post date:** [16 December 2022 20:33 UTC](https://discourse.nodered.org/t/dashboard-in-full-screen/72323/6 "2022-12-16T20:33:53Z")

</div>

> [@dth](#):
>
> Standalone is the default / normal browser setup with the address bar at the top, etc.
> 
> Fullscreen shows just the webpage.

Do I understand correctly that when clicking on a shortcut in Windows, Android, ... The page will immediately open in full-screen mode. i.e. without the user pressing F11 in Windows ?

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [16 December 2022 21:20 UTC](https://discourse.nodered.org/t/dashboard-in-full-screen/72323/7 "2022-12-16T21:20:07Z")

</div>

This page explains the differences quite well  
[https://superpwa.com/docs/article/web-app-manifest-display-modes-what-is-the-difference/](https://superpwa.com/docs/article/web-app-manifest-display-modes-what-is-the-difference/)

> [@dth](#):
>
> how I could best achieve this behaviour

you would need to clone the source locally - edit the ui.js file - then rebuild it using gulp command. - Then re-install the newly built version.

---

<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:** [17 December 2022 08:13 UTC](https://discourse.nodered.org/t/dashboard-in-full-screen/72323/8 "2022-12-17T08:13:38Z")

</div>

> [@Yury](#):
>
> Do I understand correctly that when clicking on a shortcut in Windows, Android, ... The page will immediately open in full-screen mode. i.e. without the user pressing F11 in Windows ?

Yes, I think so - depending on the browser settings, etc.

---

<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:** [17 December 2022 08:14 UTC](https://discourse.nodered.org/t/dashboard-in-full-screen/72323/9 "2022-12-17T08:14:09Z")

</div>

> [@dceejay](#):
>
> you would need to clone the source locally - edit the ui.js file - then rebuild it using gulp command. - Then re-install the newly built version.

Thanks! I guess a feature request might be the better option, as this is nice-to-have 🙂

But it looks like feature requests are supposed to be made here on this forum. So an I consider my suggestion as posted now? 🙂

---

<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:** [16 January 2023 08:14 UTC](https://discourse.nodered.org/t/dashboard-in-full-screen/72323/10 "2023-01-16T08:14:56Z")

</div>

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