# Larger widget size spanning across multiple Groups?

**URL:** <https://discourse.nodered.org/t/larger-widget-size-spanning-across-multiple-groups/3149>\
**Category:** Dashboard\
**Created:** [14 September 2018 18:17 UTC](https://discourse.nodered.org/t/larger-widget-size-spanning-across-multiple-groups/3149 "2018-09-14T18:17:16Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![sweetwater](https://avatars.discourse-cdn.com/v4/letter/s/d07c76/32.png) [@sweetwater](https://discourse.nodered.org/u/sweetwater)\
**Post date:** [14 September 2018 18:17 UTC](https://discourse.nodered.org/t/larger-widget-size-spanning-across-multiple-groups/3149/1 "2018-09-14T18:17:16Z")

</div>

Creating button/text widgets on a Dash board with 10 groups.  
Is there any way to make a 'larger' widget to span across multiple groups?  
Example attached.

 ![node_UI_group_spanning](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/e/ef069ef035efeb9e4e00020417fd2ab879218900.png)

---

<div class="post-metadata">

**Author:** ![JayDickson](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jaydickson/32/90592_2.png) [@JayDickson](https://discourse.nodered.org/u/JayDickson)\
**Post date:** [14 September 2018 20:12 UTC](https://discourse.nodered.org/t/larger-widget-size-spanning-across-multiple-groups/3149/2 "2018-09-14T20:12:02Z")

</div>

Would your use case be able to work with using one larger group with buttons that are narrower?

If we assume your coulumns as 1 unit wide and your rows as one unit tall, as per your example, make group 1-3 a single group that's 3 units wide. You can make your "Button"s 1 unit wide and 1 unit tall, and your "ButtonBIG" 3 units wide and one unit tall.

---

<div class="post-metadata">

**Author:** ![sweetwater](https://avatars.discourse-cdn.com/v4/letter/s/d07c76/32.png) [@sweetwater](https://discourse.nodered.org/u/sweetwater)\
**Post date:** [16 September 2018 00:21 UTC](https://discourse.nodered.org/t/larger-widget-size-spanning-across-multiple-groups/3149/3 "2018-09-16T00:21:31Z")

</div>

Thank you Jay for the input.  
I understand your suggestion.  
But we are trying to put a TOP row of 10 groups  
then on the last row, a BIG button ( bottom row)

I know in the new HTML Grids standards it is possible to span .

---

<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:** [16 September 2018 07:22 UTC](https://discourse.nodered.org/t/larger-widget-size-spanning-across-multiple-groups/3149/4 "2018-09-16T07:22:55Z")

</div>

Set the group size for the bottom row to be whatever 10x the other groups is, then set the button to be be same to fill it.

---

<div class="post-metadata">

**Author:** ![sweetwater](https://avatars.discourse-cdn.com/v4/letter/s/d07c76/32.png) [@sweetwater](https://discourse.nodered.org/u/sweetwater)\
**Post date:** [16 September 2018 21:38 UTC](https://discourse.nodered.org/t/larger-widget-size-spanning-across-multiple-groups/3149/5 "2018-09-16T21:38:34Z")

</div>

Thank you DceeJay.  
If we create another group ( group 11) to the larger size.  
The problem is that the GROUP 11 would be placed on the far right as column 11.  
1,2,3,4,5,6,7,8,9,10,(11)  
The way i understand is that the groups would go from columns 1-11 for row 1.  
Then repeat starting at row 2.

So not seeing how I can start a row 3 with just 1 large group.

In the new HTML the GRIDS allow this. So was hoping there was some way to do same

 ![grids](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/b/b4a00b1005b3692780227511c5491e9ab37922f0.png)

---

<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:** [16 September 2018 21:46 UTC](https://discourse.nodered.org/t/larger-widget-size-spanning-across-multiple-groups/3149/6 "2018-09-16T21:46:54Z")

</div>

If group 11 is as wide as you say it is, then it won't fit on the screen next to 1-10 so we will automatically place it below