# Layout issue with ui-edgewise-meter

**URL:** https://discourse.nodered.org/t/layout-issue-with-ui-edgewise-meter/99678
**Category:** Dashboard
**Created:** [14 November 2025 11:00 UTC](https://discourse.nodered.org/t/layout-issue-with-ui-edgewise-meter/99678 "2025-11-14T11:00:39Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![SteveD](https://avatars.discourse-cdn.com/v4/letter/s/c4cdca/32.png) [@SteveD](https://discourse.nodered.org/u/SteveD)
#### Post date: [14 November 2025 11:00 UTC](https://discourse.nodered.org/t/layout-issue-with-ui-edgewise-meter/99678/1 "2025-11-14T11:00:39Z")

</div>

Hi,

Hoping I can get some guidance here with an alignment issue with the ui-edgewise-meter control. The problem I am having is that when I stack meters vertically they are all different sizes, it seems because the size of the meter depends on the length of the label.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/4/c4c48cc16fb255e7ea80161cd8b46c3e553fa68c.jpeg)

I can't see how I can fix this in the dashboard layout. Is it fixable using CSS maybe, or is that just the way it is and I have to live with it?

Not looking for a full solution, just a pointer in the right direction.

Thanks  
Steve

---

<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: [14 November 2025 11:39 UTC](https://discourse.nodered.org/t/layout-issue-with-ui-edgewise-meter/99678/2 "2025-11-14T11:39:22Z")

</div>

You could leave the label blank in the meter and add text widgets of size 1x1 in front of each one, with just the label there.

---

<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: [14 November 2025 13:12 UTC](https://discourse.nodered.org/t/layout-issue-with-ui-edgewise-meter/99678/3 "2025-11-14T13:12:52Z")

</div>

> [@SteveD](#):
>
> CSS maybe

Try

```auto
.hotnipi-ewm-label {
min-width: 5rem;
max-width: 5rem;
}

```

Maybe just width: will work too, didn't try it. And pixel sizes probably too, but percentages didn't work.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/7/67c24ab6b5295aedbccf2af1cf7b4f85ef067836.png)  
These are 3x1 widgets using 7rem.

---

<div class="post-metadata">

### Author: ![SteveD](https://avatars.discourse-cdn.com/v4/letter/s/c4cdca/32.png) [@SteveD](https://discourse.nodered.org/u/SteveD)
#### Post date: [14 November 2025 13:19 UTC](https://discourse.nodered.org/t/layout-issue-with-ui-edgewise-meter/99678/4 "2025-11-14T13:19:40Z")

</div>

That's not a bad workaround for simple cases (like this display on my phone) but of course forces you to fix the size of the group otherwise you can get a layout break between a label and its meter. If only there was support for nested groups so each label and meter could be bound together.

It's also not very granular - 1x1 + 2x1 - but I don't want to seem ungrateful.

Thanks for the suggestion

---

<div class="post-metadata">

### Author: ![SteveD](https://avatars.discourse-cdn.com/v4/letter/s/c4cdca/32.png) [@SteveD](https://discourse.nodered.org/u/SteveD)
#### Post date: [14 November 2025 13:22 UTC](https://discourse.nodered.org/t/layout-issue-with-ui-edgewise-meter/99678/5 "2025-11-14T13:22:19Z")

</div>

That looks promising - I'll have a play with that.

Thanks

---

<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: [14 November 2025 13:28 UTC](https://discourse.nodered.org/t/layout-issue-with-ui-edgewise-meter/99678/6 "2025-11-14T13:28:28Z")

</div>

The basic implementation of all ui widgets should allow you to specify the layout and allocation of space between label and data.  
Alas, it doesn't.

---

<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: [28 November 2025 13:29 UTC](https://discourse.nodered.org/t/layout-issue-with-ui-edgewise-meter/99678/7 "2025-11-28T13:29:03Z")

</div>

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