# Centering gauges in dashboard 2

**URL:** <https://discourse.nodered.org/t/centering-gauges-in-dashboard-2/89667>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [22 July 2024 10:51 UTC](https://discourse.nodered.org/t/centering-gauges-in-dashboard-2/89667 "2024-07-22T10:51:51Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![juntiedt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/juntiedt/32/58357_2.png) [@juntiedt](https://discourse.nodered.org/u/juntiedt)\
**Post date:** [22 July 2024 10:51 UTC](https://discourse.nodered.org/t/centering-gauges-in-dashboard-2/89667/1 "2024-07-22T10:51:51Z")

</div>

How can I center the gauges horizontaly in dashboard 2?  
Total width is 4 and the gauges are 3x3

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/6/46f37ad2bc2272a698442be988d644dec0a54177.png)

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [22 July 2024 16:49 UTC](https://discourse.nodered.org/t/centering-gauges-in-dashboard-2/89667/2 "2024-07-22T16:49:17Z")

</div>

No way. Make another decision about total width and element size. The size units can't be arbitrarily devided.

---

<div class="post-metadata">

**Author:** ![juntiedt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/juntiedt/32/58357_2.png) [@juntiedt](https://discourse.nodered.org/u/juntiedt)\
**Post date:** [22 July 2024 18:18 UTC](https://discourse.nodered.org/t/centering-gauges-in-dashboard-2/89667/3 "2024-07-22T18:18:25Z")

</div>

too bad 🥲

---

<div class="post-metadata">

**Author:** ![omrid](https://avatars.discourse-cdn.com/v4/letter/o/77aa72/32.png) [@omrid](https://discourse.nodered.org/u/omrid)\
**Post date:** [23 July 2024 06:20 UTC](https://discourse.nodered.org/t/centering-gauges-in-dashboard-2/89667/4 "2024-07-23T06:20:16Z")

</div>

Maybe set the group width to 5, and insert a transparent object of 1x1 as a spacer?

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [23 July 2024 07:59 UTC](https://discourse.nodered.org/t/centering-gauges-in-dashboard-2/89667/5 "2024-07-23T07:59:13Z")

</div>

If you're total width is 4, then set the gauge size to 4 wide, and it'll centre to the rest of your content? Currently, it's centred, but only to 75% (3 out of 4) of the columns, hence it's shifted to the left.

---

<div class="post-metadata">

**Author:** ![juntiedt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/juntiedt/32/58357_2.png) [@juntiedt](https://discourse.nodered.org/u/juntiedt)\
**Post date:** [23 July 2024 08:26 UTC](https://discourse.nodered.org/t/centering-gauges-in-dashboard-2/89667/6 "2024-07-23T08:26:23Z")

</div>

Yes, I know but I want the gauge to be in the size of 3.

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [23 July 2024 08:37 UTC](https://discourse.nodered.org/t/centering-gauges-in-dashboard-2/89667/7 "2024-07-23T08:37:41Z")

</div>

It'll still be constrained by it's height, so keep the height of `3`, and change the width of `4`, and it'll stay the same size, but render centrally across the 4 columns

---

<div class="post-metadata">

**Author:** ![juntiedt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/juntiedt/32/58357_2.png) [@juntiedt](https://discourse.nodered.org/u/juntiedt)\
**Post date:** [23 July 2024 10:53 UTC](https://discourse.nodered.org/t/centering-gauges-in-dashboard-2/89667/8 "2024-07-23T10:53:05Z")

</div>

yes, it works with hight 3. But the gauge is still 4 wide.  
It is ok for me, but still a bit oversized.

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

---

<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:** [6 August 2024 10:53 UTC](https://discourse.nodered.org/t/centering-gauges-in-dashboard-2/89667/9 "2024-08-06T10:53:14Z")

</div>

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