# Group Node - Horizontal Layout

**URL:** https://discourse.nodered.org/t/group-node-horizontal-layout/8718
**Category:** Dashboard
**Created:** [7 March 2019 16:48 UTC](https://discourse.nodered.org/t/group-node-horizontal-layout/8718 "2019-03-07T16:48:07Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![tcontrada](https://avatars.discourse-cdn.com/v4/letter/t/f1d935/32.png) [@tcontrada](https://discourse.nodered.org/u/tcontrada)
#### Post date: [7 March 2019 16:48 UTC](https://discourse.nodered.org/t/group-node-horizontal-layout/8718/1 "2019-03-07T16:48:07Z")

</div>

I notice that the Group UI node places content in a vertical layout regardless of the Group width.

I want to display something like a Toolbar at the top of my layout. It has a size of 1x20.  
I want the tool buttons to layout horizontally across the width.

How can I do this?

Thanks!

---

<div class="post-metadata">

### Author: ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)
#### Post date: [7 March 2019 16:52 UTC](https://discourse.nodered.org/t/group-node-horizontal-layout/8718/2 "2019-03-07T16:52:33Z")

</div>

Hi @tcontrada

the widgets will be laid out horizontally if they are sized properly.

By default, a widget is set to fill the horizontal space of the group its in. But you can change that to a fixed width via its edit dialog.

So if you have a 20x1 (width then height) group, then if you make each button 1x1 then you will get 20 of them in a row.

---

<div class="post-metadata">

### Author: ![tcontrada](https://avatars.discourse-cdn.com/v4/letter/t/f1d935/32.png) [@tcontrada](https://discourse.nodered.org/u/tcontrada)
#### Post date: [7 March 2019 19:03 UTC](https://discourse.nodered.org/t/group-node-horizontal-layout/8718/3 "2019-03-07T19:03:04Z")

</div>

Thanks, worked perfectly!

---

<div class="post-metadata">

### Author: ![regissg](https://avatars.discourse-cdn.com/v4/letter/r/a5b964/32.png) [@regissg](https://discourse.nodered.org/u/regissg)
#### Post date: [18 November 2019 22:25 UTC](https://discourse.nodered.org/t/group-node-horizontal-layout/8718/4 "2019-11-18T22:25:41Z")

</div>

Hello,

Is it possible to define in units the specific vertical position of a widget within a group?

Thanks

---

<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: [18 November 2019 22:43 UTC](https://discourse.nodered.org/t/group-node-horizontal-layout/8718/5 "2019-11-18T22:43:51Z")

</div>

Yes if you use the layout editor. (You can do it manually by adding spacers but that's a pain). The layout button should be on the tab row in the dashboard sidebar

---

<div class="post-metadata">

### Author: ![regissg](https://avatars.discourse-cdn.com/v4/letter/r/a5b964/32.png) [@regissg](https://discourse.nodered.org/u/regissg)
#### Post date: [18 November 2019 22:54 UTC](https://discourse.nodered.org/t/group-node-horizontal-layout/8718/6 "2019-11-18T22:54:15Z")

</div>

Thanks, I meant the horizontal position but it works with the spacer option in the layout editor.

I have changed the horizontal size of my group to 5 units but how could I change the unit size (by default of 48 pixels) so that my 1x1 buttons are larger?

---

<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: [18 November 2019 23:10 UTC](https://discourse.nodered.org/t/group-node-horizontal-layout/8718/7 "2019-11-18T23:10:46Z")

</div>

On the dashboard sidebar - site tab