# Resizable group box

**URL:** <https://discourse.nodered.org/t/resizable-group-box/48817>\
**Category:** Feature Requests\
**Created:** [23 July 2021 14:42 UTC](https://discourse.nodered.org/t/resizable-group-box/48817 "2021-07-23T14:42:56Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![molesworth](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/molesworth/32/11748_2.png) [@molesworth](https://discourse.nodered.org/u/molesworth)\
**Post date:** [23 July 2021 14:42 UTC](https://discourse.nodered.org/t/resizable-group-box/48817/1 "2021-07-23T14:42:56Z")

</div>

Something which would be nice to have for tidier layouts would be an ability to resize group boxes, possibly by a grab and stretch mode on edges or corners. This could be selected by e.g. shift-clicking the box perimeter, and using a different cursor to indicate resize mode is active.

Currently the boxes auto-adjust to the contents, but this leads to slightly annoying layouts like this :

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/c/fc97b0723c11aa51b21cba19e5577da14abe5f39.png)

Maybe it's my OCD 😉 but it would be nice to be able to resize the longer boxes and keep my output nodes nicely aligned at the same time.

Any thoughts, opinions or feasibility comments? If it's impractical I'll learn to live with it.

---

<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:** [23 July 2021 14:58 UTC](https://discourse.nodered.org/t/resizable-group-box/48817/2 "2021-07-23T14:58:44Z")

</div>

move all the links to the right so that they are the ones setting the width ?

---

<div class="post-metadata">

**Author:** ![molesworth](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/molesworth/32/11748_2.png) [@molesworth](https://discourse.nodered.org/u/molesworth)\
**Post date:** [23 July 2021 15:43 UTC](https://discourse.nodered.org/t/resizable-group-box/48817/3 "2021-07-23T15:43:32Z")

</div>

That's one solution, but it then means they're all out of alignment, which I find just as annoying 🙃

---

<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:** [23 July 2021 15:45 UTC](https://discourse.nodered.org/t/resizable-group-box/48817/4 "2021-07-23T15:45:07Z")

</div>

They are aligned at the right edge surely ? I prefer that way as I like to align any debug node buttons.

---

<div class="post-metadata">

**Author:** ![molesworth](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/molesworth/32/11748_2.png) [@molesworth](https://discourse.nodered.org/u/molesworth)\
**Post date:** [23 July 2021 16:08 UTC](https://discourse.nodered.org/t/resizable-group-box/48817/5 "2021-07-23T16:08:21Z")

</div>

It's a personal preference I suppose. I'm not too bothered and it's just something I decided to ask about while I was editing a couple of things. Think of it as a WIBNI\* feature, which can be very low priority. If I ever\*\* get time to do a bit of work on Node-RED, it's something I might look into 😉

edit : I suppose it's from my years of coding, making sure everything is nicely lined up with proper indenting...

\* "wouldn't it be nice if..."  
\*\* pretty unlikely at the moment

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [23 July 2021 19:13 UTC](https://discourse.nodered.org/t/resizable-group-box/48817/6 "2021-07-23T19:13:51Z")

</div>

I'm with you on that, it certainly triggers my OCD. But then because I was already lining up left and right columns of nodes it isn't too horrendous most of the time.

But you are right, sometimes something like a change of name in a node will throw things out and you have to go and re-align everything!

Maybe a better option still would be an alignment menu option. So select multiple nodes and have everything aligned to the first selected node. Top, bottom, left, right alignment. Now that would be REALLY nice 😀

---

<div class="post-metadata">

**Author:** ![molesworth](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/molesworth/32/11748_2.png) [@molesworth](https://discourse.nodered.org/u/molesworth)\
**Post date:** [23 July 2021 21:12 UTC](https://discourse.nodered.org/t/resizable-group-box/48817/7 "2021-07-23T21:12:00Z")

</div>

> [@TotallyInformation](#):
>
> Maybe a better option still would be an alignment menu option.

Ah, even better! I've used a few different code formatting/beautifying/refactoring tools over the years, so a configurable visual programming reformatter would be a nice addition. I think it would be a nightmare to develop though, and not something I think I'd like to wrap what's left of my brain around 😃

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [24 July 2021 01:09 UTC](https://discourse.nodered.org/t/resizable-group-box/48817/8 "2021-07-24T01:09:23Z")

</div>

Not actually sure it would be that hard. But then I don't know D3 really so I may well be way off. Be a fun project probably for someone who wanted to get into layout control for Node-RED.

---

<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:** [22 September 2021 01:10 UTC](https://discourse.nodered.org/t/resizable-group-box/48817/9 "2021-09-22T01:10:01Z")

</div>

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