# Widget widths - how to control them

**URL:** https://discourse.nodered.org/t/widget-widths-how-to-control-them/59251
**Category:** Dashboard
**Created:** [2 March 2022 18:51 UTC](https://discourse.nodered.org/t/widget-widths-how-to-control-them/59251 "2022-03-02T18:51:39Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![paulalsmith1000](https://avatars.discourse-cdn.com/v4/letter/p/d07c76/32.png) [@paulalsmith1000](https://discourse.nodered.org/u/paulalsmith1000)
#### Post date: [2 March 2022 18:51 UTC](https://discourse.nodered.org/t/widget-widths-how-to-control-them/59251/1 "2022-03-02T18:51:39Z")

</div>

Hi there

I know I should really spend a few hours trying to find this out, but just in case could anyone answer this v basic question?

I know you can choose the size of the widgets or use auto / specify the width of the widgets in the template, but why does the dashboard seem to think that some things are wider than they are. For example the flow below has 4 templates with 1 rectangle 120x120 pixels in each, but the dashboard lays them out as if 3 of them are twice as wide as they are. I had specified the div width in css, but this didn't make any difference.

Again any help would be an education.

Kind regards

Paul

[flows (4).json](https://discourse.nodered.org/uploads/short-url/5YrQHXVB1E5ZfB39incLf8cZAoa.json) (15.9 KB)

---

<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: [2 March 2022 19:10 UTC](https://discourse.nodered.org/t/widget-widths-how-to-control-them/59251/2 "2022-03-02T19:10:30Z")

</div>

It's the size of the group each widget is in.  
Group 2 is 3 units wide, 1, 3, and 4 are 6 units.

---

<div class="post-metadata">

### Author: ![paulalsmith1000](https://avatars.discourse-cdn.com/v4/letter/p/d07c76/32.png) [@paulalsmith1000](https://discourse.nodered.org/u/paulalsmith1000)
#### Post date: [2 March 2022 19:35 UTC](https://discourse.nodered.org/t/widget-widths-how-to-control-them/59251/3 "2022-03-02T19:35:13Z")

</div>

thank you so much that's probably saved me hours, I'd not seen that option before

---

<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: [1 April 2022 19:36 UTC](https://discourse.nodered.org/t/widget-widths-how-to-control-them/59251/4 "2022-04-01T19:36:12Z")

</div>

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