# Decrease vertical space and stop sorting

**URL:** <https://discourse.nodered.org/t/decrease-vertical-space-and-stop-sorting/80346>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [6 August 2023 07:17 UTC](https://discourse.nodered.org/t/decrease-vertical-space-and-stop-sorting/80346 "2023-08-06T07:17:26Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![nelgin](https://avatars.discourse-cdn.com/v4/letter/n/6de8d8/32.png) [@nelgin](https://discourse.nodered.org/u/nelgin)\
**Post date:** [6 August 2023 07:17 UTC](https://discourse.nodered.org/t/decrease-vertical-space-and-stop-sorting/80346/1 "2023-08-06T07:17:26Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/9/2904cf4de019f1c1fc656bac5645a65dff96fafa.png)

First, how do I decrease the vertical spacing between the output of a node? I want the text right under each other, not half an inch apart.

Secondly, why is it sorting? I laid out my design in a specific order and I expect the dashboard to honor that unless I specify differently. How do I turn off sorting?

Thanks,

---

<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:** [6 August 2023 07:42 UTC](https://discourse.nodered.org/t/decrease-vertical-space-and-stop-sorting/80346/2 "2023-08-06T07:42:49Z")

</div>

It is difficult to answer unless you show us how you are generating the output. If you are using node-red-dashboard then the placement of widgets can be set in the dashboard tab in the right hand pane.

---

<div class="post-metadata">

**Author:** ![nelgin](https://avatars.discourse-cdn.com/v4/letter/n/6de8d8/32.png) [@nelgin](https://discourse.nodered.org/u/nelgin)\
**Post date:** [6 August 2023 08:11 UTC](https://discourse.nodered.org/t/decrease-vertical-space-and-stop-sorting/80346/3 "2023-08-06T08:11:58Z")

</div>

How am I generating the output? Like this, using a text node.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/2/825088053dc910491c73946850e4e631a20236c8.png)

So where, exactly, do you change the spacing between the text nodes?

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/5/d56fa29287cacba406abe7fee7d6ee66c777818e.png)

and yes, I'm using nodered-dashboard. I didn't realize there were other dashboards that I could try.

---

<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:** [6 August 2023 09:06 UTC](https://discourse.nodered.org/t/decrease-vertical-space-and-stop-sorting/80346/4 "2023-08-06T09:06:39Z")

</div>

You can control the position using the Dashboard tab in the right hand pane, as I said. You might have to click the drop down arrow to see it.

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/0/70774abe418cee115447737b6974502a47af1f1c.png)

Then hover over the dashboard tab you want to adjust and click the popup Layout link, and you can drag the widgets to the positions you want.

For adjusting the spacing you will have to get into CSS. I am not an expert in that so will leave that for others. There have been many posts here about it.

---

<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:** [6 August 2023 09:45 UTC](https://discourse.nodered.org/t/decrease-vertical-space-and-stop-sorting/80346/5 "2023-08-06T09:45:26Z")

</div>

You can adjust the vertical and horizontal size and spacing of widgets for the dashboard as a whole.

 ![Untitled 1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/5/75c471c55f33a39a046f5aa6b77e934b8479258f.jpeg)

---

<div class="post-metadata">

**Author:** ![nelgin](https://avatars.discourse-cdn.com/v4/letter/n/6de8d8/32.png) [@nelgin](https://discourse.nodered.org/u/nelgin)\
**Post date:** [6 August 2023 20:20 UTC](https://discourse.nodered.org/t/decrease-vertical-space-and-stop-sorting/80346/6 "2023-08-06T20:20:26Z")

</div>

Thank you, while not perfect this sort of does the job. I had to adjust some other things after using this but I'm getting towards a layout that works.

---

<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:** [5 September 2023 20:20 UTC](https://discourse.nodered.org/t/decrease-vertical-space-and-stop-sorting/80346/7 "2023-09-05T20:20:51Z")

</div>

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