# Mobile dashboard access

**URL:** https://discourse.nodered.org/t/mobile-dashboard-access/28447
**Category:** Dashboard
**Created:** [17 June 2020 02:37 UTC](https://discourse.nodered.org/t/mobile-dashboard-access/28447 "2020-06-17T02:37:46Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![Joaovitor](https://avatars.discourse-cdn.com/v4/letter/j/3ab097/32.png) [@Joaovitor](https://discourse.nodered.org/u/Joaovitor)
#### Post date: [17 June 2020 02:37 UTC](https://discourse.nodered.org/t/mobile-dashboard-access/28447/1 "2020-06-17T02:37:46Z")

</div>

Well, I developed a node-RED application on my personal computer. I run this application on the local network and can access it from other devices.

Here's the problem: when accessing pages from a mobile device  
of the dashboard are unconfigured.

I know that I developed on the pc and of course the screen size of the pc and the resolution are higher. However, I was wondering if there is any way to create a specific dashboard for mobile devices. Something that somehow organizes the graphics.

If anyone can help, I appreciate it.

---

<div class="post-metadata">

### Author: ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)
#### Post date: [17 June 2020 08:11 UTC](https://discourse.nodered.org/t/mobile-dashboard-access/28447/2 "2020-06-17T08:11:13Z")

</div>

can you get to the dashboard from your moble device?  
Are you connecting to your local network with your phone?  
what do you actually type - in the phone's browser - to get to NR?

---

<div class="post-metadata">

### Author: ![Joaovitor](https://avatars.discourse-cdn.com/v4/letter/j/3ab097/32.png) [@Joaovitor](https://discourse.nodered.org/u/Joaovitor)
#### Post date: [17 June 2020 14:19 UTC](https://discourse.nodered.org/t/mobile-dashboard-access/28447/3 "2020-06-17T14:19:06Z")

</div>

Sorry, maybe i haven't been clear.

My pc and cell phone are on the same local network. I can access my phone's dashboard without any problems, just indicate the pc's ip and the execution port. My problem is related to formatting of dashboard pages: The blocks of text and graphics are not aligned and organized as on the PC screen.

It is more of an aesthetic issue. I just want organized pages on my mobile.

---

<div class="post-metadata">

### Author: ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)
#### Post date: [17 June 2020 15:42 UTC](https://discourse.nodered.org/t/mobile-dashboard-access/28447/4 "2020-06-17T15:42:44Z")

</div>

The dashboard is designed to be responsive. You can see that if on your PC you go to the dashboard and then resize the browser window, If you build a dashboard tab that is too large, it might not fit on a phone's screen and you might see scroll bars.

If you want more control, you could try building your own dashboard using [ui-builder](https://flows.nodered.org/node/node-red-contrib-uibuilder).

---

<div class="post-metadata">

### Author: ![afelix](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/afelix/32/9743_2.png) [@afelix](https://discourse.nodered.org/u/afelix)
#### Post date: [17 June 2020 16:43 UTC](https://discourse.nodered.org/t/mobile-dashboard-access/28447/5 "2020-06-17T16:43:25Z")

</div>

Alternatively, take a look at the layout button/tab in the editor for the Dashboard and see how the width of widgets/groups is set. If it's too wide, see if making it slightly smaller would help for your situation.

---

<div class="post-metadata">

### Author: ![Joaovitor](https://avatars.discourse-cdn.com/v4/letter/j/3ab097/32.png) [@Joaovitor](https://discourse.nodered.org/u/Joaovitor)
#### Post date: [17 June 2020 17:34 UTC](https://discourse.nodered.org/t/mobile-dashboard-access/28447/6 "2020-06-17T17:34:36Z")

</div>

Yes, I did it. The problem is that if I do this I organize it on my cell phone, but on the PC it is disproportionate.

If I fix it in one, it ends up disorganizing in the other hahaha.

In a way I am thinking of two versions, maybe I will develop a specific one for mobiles.

I will see what is possible to do.

---

<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: [17 June 2020 17:53 UTC](https://discourse.nodered.org/t/mobile-dashboard-access/28447/7 "2020-06-17T17:53:00Z")

</div>

Can you post screen shots so can see what you mean?

---

<div class="post-metadata">

### Author: ![Joaovitor](https://avatars.discourse-cdn.com/v4/letter/j/3ab097/32.png) [@Joaovitor](https://discourse.nodered.org/u/Joaovitor)
#### Post date: [17 June 2020 18:03 UTC](https://discourse.nodered.org/t/mobile-dashboard-access/28447/8 "2020-06-17T18:03:57Z")

</div>

![WhatsApp Image 2020-06-16 at 10.49.20 PM (2)](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/e/2ec4e92cc77b3a074ad057e0c8dd9e4215a1cffe.jpeg) ![Captura de Tela (247)](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/9/b9ae8d3eaa1196db09b1c4006b57e6863ce5b064.png)

See, what happens

On the cell phone screen the page is unconfigured.

(portuguese is why i am brazilian)

---

<div class="post-metadata">

### Author: ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)
#### Post date: [17 June 2020 18:16 UTC](https://discourse.nodered.org/t/mobile-dashboard-access/28447/9 "2020-06-17T18:16:51Z")

</div>

The bottom group "Valir maximo e minimo' is too wide to resize/shift on th phone. If you split that into two seperate groups it should reposition for you

---

<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: [17 June 2020 20:06 UTC](https://discourse.nodered.org/t/mobile-dashboard-access/28447/10 "2020-06-17T20:06:06Z")

</div>

Split it into just two groups like this, then on the narrow window they will sit one above the other. Use straight lines though, unlike mine. Unless you want the two switches at the top to stay at the top, in which case leave them and just split the bottom wide group into two as @zenofmud suggested, or split and join them onto the other two groups as I have suggested.

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/9/19a8858a83e78b110abdd76d88638c508bd8136d.png)

---

<div class="post-metadata">

### Author: ![Joaovitor](https://avatars.discourse-cdn.com/v4/letter/j/3ab097/32.png) [@Joaovitor](https://discourse.nodered.org/u/Joaovitor)
#### Post date: [18 June 2020 03:03 UTC](https://discourse.nodered.org/t/mobile-dashboard-access/28447/11 "2020-06-18T03:03:11Z")

</div>

I did it. I'm sorry I didn't see it before, it was kind of obvious.

It improved the appearance, at least now everything is organized in a continuous column.

---

<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: [2 July 2020 03:03 UTC](https://discourse.nodered.org/t/mobile-dashboard-access/28447/12 "2020-07-02T03:03:17Z")

</div>

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