# Stacking dashboard nodes

**URL:** <https://discourse.nodered.org/t/stacking-dashboard-nodes/81360>\
**Category:** Dashboard\
**Created:** [16 September 2023 04:39 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360 "2023-09-16T04:39:56Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![MrQozy](https://avatars.discourse-cdn.com/v4/letter/m/eb8c5e/32.png) [@MrQozy](https://discourse.nodered.org/u/MrQozy)\
**Post date:** [16 September 2023 04:39 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/1 "2023-09-16T04:39:56Z")

</div>

Hello, is there anyway to stack dashboard nodes on top of each other in the UI?

For example I can have a gauge and stack a button on top of it.

I'm willing to try anything.

Thank you so much.

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [16 September 2023 07:04 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/2 "2023-09-16T07:04:01Z")

</div>

Hello @MrQozy, welcome to the forum.

You can specify the width of a dashboard group eg 6 (6 x 48 pixels wide)

If you leave the size of a dashboard widget as "auto" it will fill the width of the group so the next widget will be automatically displayed below it.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/8/c87a47d1723d2163e4f04bec77417107ba488816.png)

Use the dashboard layout editor in the sidebar to drag widgets and change the order.  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/6/768f3f6e61658164932fe935d7e956ee2fdaf379.png)

---

<div class="post-metadata">

**Author:** ![MrQozy](https://avatars.discourse-cdn.com/v4/letter/m/eb8c5e/32.png) [@MrQozy](https://discourse.nodered.org/u/MrQozy)\
**Post date:** [16 September 2023 21:09 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/3 "2023-09-16T21:09:12Z")

</div>

Thank you for your reply.  
I mean stack on top of each other not a column.

For example flutter had this feature.

"The Stack widget in Flutter is a powerful layout widget that allows us to stack multiple child widgets on top of each other"

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [16 September 2023 21:17 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/4 "2023-09-16T21:17:31Z")

</div>

I am not clearly understanding, do you want the gauge to be clickable like a switch?

If so this [topic solution](https://discourse.nodered.org/t/can-make-ui-gauge-clickable/75171/5) may help

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [16 September 2023 21:59 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/5 "2023-09-16T21:59:15Z")

</div>

> [@MrQozy](#):
>
> "The Stack widget in Flutter is a powerful layout widget that allows us to stack multiple child widgets on top of each other"

Sorry I have no idea what Flutter is so I can't help.

---

<div class="post-metadata">

**Author:** ![MrQozy](https://avatars.discourse-cdn.com/v4/letter/m/eb8c5e/32.png) [@MrQozy](https://discourse.nodered.org/u/MrQozy)\
**Post date:** [17 September 2023 17:33 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/6 "2023-09-17T17:33:02Z")

</div>

That's odd! Everybody with any tech background like someone who uses node red has at least heared of flutter..  
It's the most popular cross platform development sdk, it's made by Google.  
Thanks anyways.

---

<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:** [17 September 2023 17:58 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/7 "2023-09-17T17:58:13Z")

</div>

> [@MrQozy](#):
>
> Everybody with any tech background like someone who uses node red has at least heared of flutter..

Nope!

> [@MrQozy](#):
>
> it's made by Google.

Ah, well, there you have it. Google have very little traction in the large enterprises I deal with. Their approach to things is far from ideal for large enterprises and controlled industries.

> Flutter is powered by Dart

I don't know anyone who uses Dart.

* * *

Anyway, HTML with CSS natively lets you overlap elements if you want to so you could use a Dashboard ui\_template node to create custom UI's. You could possibly also use just custom CSS to get the standard ui nodes to overlap.

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [17 September 2023 18:35 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/8 "2023-09-17T18:35:56Z")

</div>

> [@MrQozy](#):
>
> Everybody with any tech background like someone who uses node red has at least heared of flutter..

That's why I cannot help.  
I have no expertise in the field of popular cross platform development SDKs.

---

<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 September 2023 21:03 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/9 "2023-09-17T21:03:00Z")

</div>

> [@MrQozy](#):
>
> Everybody with any tech background like someone who uses node red has at least heared of flutter..

I’ve never heard about it either .

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [17 September 2023 23:42 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/10 "2023-09-17T23:42:55Z")

</div>

> [@jbudd](#):
>
> That's why I cannot help.  
> I have no expertise in the field of popular cross platform development SDKs.

Nor me 😉

---

<div class="post-metadata">

**Author:** ![MrQozy](https://avatars.discourse-cdn.com/v4/letter/m/eb8c5e/32.png) [@MrQozy](https://discourse.nodered.org/u/MrQozy)\
**Post date:** [17 September 2023 23:55 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/11 "2023-09-17T23:55:52Z")

</div>

I'm surprised how many people never heard of flutter which is the second after react in mobile development.  
Either you guys are trolling or are living in a cave 😂

Hahahaha, awful community made of old dudes who still use windows 98 to run their Netscape.

Cheers.

---

<div class="post-metadata">

**Author:** ![MrQozy](https://avatars.discourse-cdn.com/v4/letter/m/eb8c5e/32.png) [@MrQozy](https://discourse.nodered.org/u/MrQozy)\
**Post date:** [17 September 2023 23:56 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/12 "2023-09-17T23:56:50Z")

</div>

I'm not surprised grandpa.

Hard for old people to keep up with things newer than 50 years ago.  
Cheers.

---

<div class="post-metadata">

**Author:** ![MrQozy](https://avatars.discourse-cdn.com/v4/letter/m/eb8c5e/32.png) [@MrQozy](https://discourse.nodered.org/u/MrQozy)\
**Post date:** [17 September 2023 23:57 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/13 "2023-09-17T23:57:20Z")

</div>

Good to know you are completely oblivious to the world around you my dude.

---

<div class="post-metadata">

**Author:** ![MrQozy](https://avatars.discourse-cdn.com/v4/letter/m/eb8c5e/32.png) [@MrQozy](https://discourse.nodered.org/u/MrQozy)\
**Post date:** [18 September 2023 00:01 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/14 "2023-09-18T00:01:40Z")

</div>

Thank you for the answer but you guys are living in a cave. As of 2023 flutter had around 17% of the market in mobile application.

It's like saying you never heard of chrome, or Firefox Hahahaha.

I'll probably get blacklisted from thr forum, but it's ok. But like I said you guys are wither trolling or very old guys still using a donkey to go to work, and getting surprised when someone mentions a car and saying you never heard about that.

Cheers.

---

<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:** [18 September 2023 00:50 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/15 "2023-09-18T00:50:52Z")

</div>

> [@MrQozy](#):
>
> As of 2023 flutter had around 17% of the market in mobile application.

Well that leaves 80% of the market to everyone else, I'd say that's fairly major. And, as I said, Google is small-fry in the enterprise world.

> [@MrQozy](#):
>
> never heard of chrome

Well, it probably doesn't come as much surprise that Chrome is something that we are trying to eliminate from the enterprise.

> [@MrQozy](#):
>
> Firefox

Once powerful, Firefox is barely a blip. It is kept around as a backup browser but rarely used.

> [@MrQozy](#):
>
> I'll probably get blacklisted from thr forum

Its OK, we don't mind the occasional oddity 🤣

> [@MrQozy](#):
>
> But like I said you guys are wither trolling or very old guys still using a donkey to go to work, and getting surprised when someone mentions a car and saying you never heard about that.

I might be 63 years old but I'm still on a par or ahead of many of my peers in understanding current and future tech. 🙂

Many of us "old guys" have also seen many ideas come and go over the years so maybe we have a reasonable grasp of what is worth investing time in. 😁

---

<div class="post-metadata">

**Author:** ![MrQozy](https://avatars.discourse-cdn.com/v4/letter/m/eb8c5e/32.png) [@MrQozy](https://discourse.nodered.org/u/MrQozy)\
**Post date:** [18 September 2023 03:17 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/16 "2023-09-18T03:17:49Z")

</div>

20% of a market is huge, the remaining 80% are split in 20% or 23% at max segments.

Your grasp on mathematics is of the layman person.

I'm glad to know I figured out your age bracket based on your lack of knowledge in certain aspects and your dates views about others.

Thank you for replying, this has been fun 🙂

---

<div class="post-metadata">

**Author:** ![MrQozy](https://avatars.discourse-cdn.com/v4/letter/m/eb8c5e/32.png) [@MrQozy](https://discourse.nodered.org/u/MrQozy)\
**Post date:** [18 September 2023 03:22 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/17 "2023-09-18T03:22:29Z")

</div>

Marked as a solution, I was looking for a better way to stack things, for now I think html and CSS will do.  
Thank 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:** [18 September 2023 06:06 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/18 "2023-09-18T06:06:45Z")

</div>

> [@MrQozy](#):
>
> As of 2023 flutter had around 17% of the market in mobile application.

What percentage of the total IT industry are mobile applications?

---

<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:** [18 September 2023 08:26 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/19 "2023-09-18T08:26:35Z")

</div>

> [@Colin](#):
>
> What percentage of the total IT industry are mobile applications?

According to Bing Chat:

> The global mobile application market was valued at **$208.5 billion** in 2022, and is projected to reach **$777.4 billion** by 2032, growing at a CAGR of **14.4%** from 2023 to 2032¹². However, the exact percentage of the total IT industry that mobile applications represent is not specified in the search results. The IT industry is vast and includes many other sectors such as hardware, software, services, and telecommunications. The proportion represented by mobile applications would depend on the total value of the IT industry, which can vary based on different sources and definitions of what constitutes the IT industry.

Not especially informative relating to the question.

However, I got this from another site:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/a/dafc1af191ddee7c944bb983384171ffdd88c300.png)

So whilst @MrQozy seems to think that I can't do Math (though previous employers for whom I've created a number of critical forecasting systems would surely disagree), by my reconning, that makes the mobile market around 2.5%.

---

<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:** [18 September 2023 09:54 UTC](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360/20 "2023-09-18T09:54:40Z")

</div>

> [@MrQozy](#):
>
> I'm glad to know I figured out your age bracket based on your lack of knowledge in certain aspects and your dates views about others.

You might want to tone down the rhetoric if you want to keep getting help in the forum. Especially given that you don't seem to know what we actually do for a living.

> [@MrQozy](#):
>
> Marked as a solution, I was looking for a better way to stack things, for now I think html and CSS will do.  
> Thank you.

I don't know your level of knowledge about HTML/CSS. But you will need to think about the "z" stacking and possibly about transparency.

[Next page](https://discourse.nodered.org/t/stacking-dashboard-nodes/81360.md?page=2)
