# Dashboard being displayed in mobile emulator

**URL:** <https://discourse.nodered.org/t/dashboard-being-displayed-in-mobile-emulator/1799>\
**Category:** Dashboard\
**Created:** [25 July 2018 04:21 UTC](https://discourse.nodered.org/t/dashboard-being-displayed-in-mobile-emulator/1799 "2018-07-25T04:21:51Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![TheRiddler](https://avatars.discourse-cdn.com/v4/letter/t/f9ae1b/32.png) [@TheRiddler](https://discourse.nodered.org/u/TheRiddler)\
**Post date:** [25 July 2018 04:21 UTC](https://discourse.nodered.org/t/dashboard-being-displayed-in-mobile-emulator/1799/1 "2018-07-25T04:21:51Z")

</div>

I'm new to this game so please excuse me if this is a dumb question. When I am displaying my dashboards, the results are being shown in a graphical frame that resembles a mobile phone. I've no idea where this comes from and my friend Google is unable to assist.

I'm running v0.18.7 on a Raspberry Pi 3 if that is of assistance.

---

<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:** [25 July 2018 07:38 UTC](https://discourse.nodered.org/t/dashboard-being-displayed-in-mobile-emulator/1799/2 "2018-07-25T07:38:55Z")

</div>

Do you mean that it appears as a fixed size area the same shape as a phone? If so then you can change that in the Dashboard Layout tab.

---

<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:** [25 July 2018 08:05 UTC](https://discourse.nodered.org/t/dashboard-being-displayed-in-mobile-emulator/1799/3 "2018-07-25T08:05:50Z")

</div>

Which dashboard and which version have you got installed?

---

<div class="post-metadata">

**Author:** ![TheRiddler](https://avatars.discourse-cdn.com/v4/letter/t/f9ae1b/32.png) [@TheRiddler](https://discourse.nodered.org/u/TheRiddler)\
**Post date:** [25 July 2018 09:52 UTC](https://discourse.nodered.org/t/dashboard-being-displayed-in-mobile-emulator/1799/4 "2018-07-25T09:52:24Z")

</div>

I was actually getting a background graphic of a mobile phone upon which the dashboard widgets were being overlaid. I upgraded the dashboard code this afternoon and a new selection appeared in the Site tab of the dashboard tab allowing the setting of a theme in a UI\_template. I have set this to No and the mobile graphic has disappeared. So guessing that when I installed either Node Red or the original Node Red Dashboard then this mobile theme must have come with it?

---

<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:** [25 July 2018 11:49 UTC](https://discourse.nodered.org/t/dashboard-being-displayed-in-mobile-emulator/1799/5 "2018-07-25T11:49:47Z")

</div>

There is no mobile theme in the dashboard, only light, dark and custom. The version of dashboard is logged in the console during startup

---

<div class="post-metadata">

**Author:** ![shrickus](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/shrickus/32/517_2.png) [@shrickus](https://discourse.nodered.org/u/shrickus)\
**Post date:** [25 July 2018 15:22 UTC](https://discourse.nodered.org/t/dashboard-being-displayed-in-mobile-emulator/1799/6 "2018-07-25T15:22:41Z")

</div>

There used to be a "mobile" version of the dashboard (called `node-shri-dashboard`, iirc) -- it was an incompatible fork of the main dashboard, sporting a background image of a mobile phone. Can you check the Palette Manager's "Installed Nodes" tab, searching for "dash"? You should only see one, namely the core version of `node-red-dashboard` -- if there are others installed, they may be causing conflicts and should probably be removed.

Oh, and if you ever see `node-red-contrib-ui` installed, that is the old version of the dashboard code before it was transferred over to Dave and the node-red team -- it too should be removed in favor of the latest dashboard module...

---

<div class="post-metadata">

**Author:** ![wb666greene](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/wb666greene/32/6534_2.png) [@wb666greene](https://discourse.nodered.org/u/wb666greene)\
**Post date:** [25 July 2018 15:32 UTC](https://discourse.nodered.org/t/dashboard-being-displayed-in-mobile-emulator/1799/7 "2018-07-25T15:32:38Z")

</div>

Can someone explain to me why in Chromium browser tab my dashboard layout is all controls and displays in one row, but when viewed on a cell phone Chrome tab its all shown in one column?

It actually works better on a phone since the security cam image I display is re-sizable on the phone, but not on the desktop browser.

I'd prefer both browsers show the same thing, preferably with the phone browser behavior also shown on the desktop.