# Dashboard sizing?

**URL:** <https://discourse.nodered.org/t/dashboard-sizing/11228>\
**Category:** Dashboard\
**Created:** [17 May 2019 07:58 UTC](https://discourse.nodered.org/t/dashboard-sizing/11228 "2019-05-17T07:58:40Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Stylo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stylo/32/14221_2.png) [@Stylo](https://discourse.nodered.org/u/Stylo)\
**Post date:** [17 May 2019 07:58 UTC](https://discourse.nodered.org/t/dashboard-sizing/11228/1 "2019-05-17T07:58:40Z")

</div>

If I want to use my dashboard on multiple computers with different resolutions, is there a way to auto-scale it?

---

<div class="post-metadata">

**Author:** ![Stylo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stylo/32/14221_2.png) [@Stylo](https://discourse.nodered.org/u/Stylo)\
**Post date:** [20 May 2019 09:23 UTC](https://discourse.nodered.org/t/dashboard-sizing/11228/2 "2019-05-20T09:23:59Z")

</div>

Still haven't managed to find a solution

---

<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:** [20 May 2019 13:47 UTC](https://discourse.nodered.org/t/dashboard-sizing/11228/3 "2019-05-20T13:47:32Z")

</div>

The dashboard tries to be responsive in it's layout - it will re-arrange groups to try to fit the available space. By careful choices of widget sizes and group sizes you can probably work out something that fits most screens - but it is not going to be perfect across all screen sizes.

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [19 October 2021 12:40 UTC](https://discourse.nodered.org/t/dashboard-sizing/11228/4 "2021-10-19T12:40:55Z")

</div>

I am having similar issues, i have developed a neat dashboard which perfectly utilizes the entire space available on my Desktop monitor, but when i open the same in my large screen TV, i have to compromise display area by reducing browser zoom percentage to 75%. i loose out precious width to accomodate the entire height of the dashboard, since the screen size ratio is not as per my desktop for which initially the dashboard was set for.  
I can get the large monitor to fit the entire width by increasing the widget size horizontally in the Site of Dashboard. however then my desktop is now awry.

It will be great if someone can make a dashboard adjustment tool by just taking inputs like screen size, ratio, etc. i have seen this in many online video streaming services where easily we can switch to 4:3, 16:9, 16:10 fullscreen, fit width etc..

come on developers. you can do 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:** [19 October 2021 16:01 UTC](https://discourse.nodered.org/t/dashboard-sizing/11228/5 "2021-10-19T16:01:43Z")

</div>

We look forward to your code contribution 🙂

You could use the ui-builder project and create your own where you can use whatever framework you like that may help scalability.

---

<div class="post-metadata">

**Author:** ![Bigbloke](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bigbloke/32/40969_2.png) [@Bigbloke](https://discourse.nodered.org/u/Bigbloke)\
**Post date:** [19 October 2021 23:34 UTC](https://discourse.nodered.org/t/dashboard-sizing/11228/6 "2021-10-19T23:34:35Z")

</div>

The easiest way that i have found is to make a separate tab for the mobile device, this involves a lot of duplication of desktop nodes and fiddling.

But there is only the single resolution, you cannot have one resolution for tab 0, and another resolution for tab 1.
