# Anzeige der Knoten verzogen

**URL:** <https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325>\
**Category:** General\
**Created:** [25 October 2023 09:13 UTC](https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325 "2023-10-25T09:13:32Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kudi](https://avatars.discourse-cdn.com/v4/letter/k/d6d6ee/32.png) [@Kudi](https://discourse.nodered.org/u/Kudi)\
**Post date:** [25 October 2023 09:13 UTC](https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325/1 "2023-10-25T09:13:32Z")

</div>

Hallo zusammen, bei mir ist die Anzeige mit den Knoten verstellt, jetzt können einige nicht mehr bedient werden. Hat jemand eine Idee wie ich dies beheben kann?

 ![Screenshot 2023-10-25 111100](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/b/9bd2b63638a505970c97ab9fe822e897c15a256b.png)

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [25 October 2023 09:34 UTC](https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325/2 "2023-10-25T09:34:00Z")

</div>

## Hi and welcome to the forum.

What you see in that picture is just a small part of the entire _flow_.

If you click on the little `-` button in the bottom right corner it will zoom out.

There are 3 buttons there. a `-` `o` and `+`.

Or you could _scroll_ the screen by holding the middle mouse button and move the mouse.  
From the picture it would be down and to the right.

Keep scrolling until you see the other nodes.

Then, you can move them closer to the other nodes.

---

<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:** [25 October 2023 09:54 UTC](https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325/3 "2023-10-25T09:54:05Z")

</div>

And the 4th button brings up a mini map panel that shows a much larger area of the desktop at smaller scale which may also help.  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/6/a6d7be2bea0cea6686b328111d14ef4627bdb95a.png)

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [25 October 2023 09:54 UTC](https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325/4 "2023-10-25T09:54:33Z")

</div>

(Sorry, I missed that)

---

<div class="post-metadata">

**Author:** ![Kudi](https://avatars.discourse-cdn.com/v4/letter/k/d6d6ee/32.png) [@Kudi](https://discourse.nodered.org/u/Kudi)\
**Post date:** [25 October 2023 11:04 UTC](https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325/5 "2023-10-25T11:04:07Z")

</div>

Danke für sie Infos, diese Knoten liegen jedoch außerhalb des dargestellten Bereichs, leider hilft kein Scrollen oder Zoomen, ich komme nicht daran.

Gruss

---

<div class="post-metadata">

**Author:** ![ralphwetzel](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ralphwetzel/32/53713_2.png) [@ralphwetzel](https://discourse.nodered.org/u/ralphwetzel)\
**Post date:** [25 October 2023 11:20 UTC](https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325/6 "2023-10-25T11:20:36Z")

</div>

Hi!  
Eine Möglichkeit wäre, die Koordinaten in Deiner `flows.json` Datei manuell zurückzusetzen - auf Werte, die innerhalb des Sichtbereiches liegen.  
Eventuell hilft es auch, den Flow einmal zu exportieren & dann wieder zu importieren ... in der Absicht, dass NR dann die Koordinaten sinnvoll setzt.

Eine andere - meiner Meinung nach die beste - Option: Es gibt seit ein paar Tagen die [node-red-autolayout-sidebar](https://github.com/bartbutenaers/node-red-autolayout-sidebar#node-red-autolayout-sidebar) - ein Plugin von @BartButenaers (installierbar über den Paletten Manager), das einen Flow automatisch anordnen kann. Das Plugin ist _experimental_, das Ergebnis somit vielleicht noch nicht in allen Fällen perfekt - in diesem aber evtl. vollkommen ausreichend!

---

<div class="post-metadata">

**Author:** ![Kudi](https://avatars.discourse-cdn.com/v4/letter/k/d6d6ee/32.png) [@Kudi](https://discourse.nodered.org/u/Kudi)\
**Post date:** [25 October 2023 16:31 UTC](https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325/7 "2023-10-25T16:31:23Z")

</div>

Erstmals vielen Dank an alle Ratschläge.

Ich weiss leider nicht wie ich die Koordinaten Manuell zurücksetzen kann. Das installieren der autolayout - sidebar hat nicht funktioniert, es gab ein Error.  
Ich konnte jedoch die betr. Knoten ( alles Inject) nachbauen, und somit hat es sich erledigt, Gruss an alle 🙂

---

<div class="post-metadata">

**Author:** ![ralphwetzel](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ralphwetzel/32/53713_2.png) [@ralphwetzel](https://discourse.nodered.org/u/ralphwetzel)\
**Post date:** [25 October 2023 16:41 UTC](https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325/8 "2023-10-25T16:41:06Z")

</div>

> [@Kudi](#):
>
> Das installieren der autolayout - sidebar hat nicht funktioniert, es gab ein Error.

Ping to @BartButenaers. I can confirm:

```auto
    25 Oct 18:35:51 - [info] Installing module: @bartbutenaers/node-red-autolayout-sidebar, version: 0.0.2
    25 Oct 18:35:55 - [warn] Installation of module @bartbutenaers/node-red-autolayout-sidebar failed:
    25 Oct 18:35:55 - [warn] ------------------------------------------
    25 Oct 18:35:55 - [warn] npm WARN config production Use `--omit=dev` instead.
    npm ERR! code EBADENGINE
    npm ERR! engine Unsupported engine
    npm ERR! engine Not compatible with your version of node/npm: @dagrejs/graphlib@2.1.13
    npm ERR! notsup Not compatible with your version of node/npm: @dagrejs/graphlib@2.1.13
    npm ERR! notsup Required: {"node":">17.0.0"}
    npm ERR! notsup Actual: {"npm":"8.19.2","node":"v16.18.1"}

```

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [25 October 2023 18:48 UTC](https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325/9 "2023-10-25T18:48:14Z")

</div>

@ralphwetzel,  
Thanks for letting me know!

I wasn't aware that dagrejs library requires minimal nodeJs version 17.0.0  
But indeed I see it in their [package.json](https://github.com/dagrejs/graphlib/blob/master/package.json#L19) file  
I have added a warning to the installation section on our [readme](https://github.com/bartbutenaers/node-red-autolayout-sidebar/blob/main/README.md) page.

Bart

---

<div class="post-metadata">

**Author:** ![ralphwetzel](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ralphwetzel/32/53713_2.png) [@ralphwetzel](https://discourse.nodered.org/u/ralphwetzel)\
**Post date:** [25 October 2023 19:29 UTC](https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325/10 "2023-10-25T19:29:41Z")

</div>

> [@BartButenaers](#):
>
> I have added a warning to the installation section on our [readme](https://github.com/bartbutenaers/node-red-autolayout-sidebar/blob/main/README.md) page.

Wouldn't it be preferable to alter your plugins `package.json` as well?

> <https://github.com/bartbutenaers/node-red-autolayout-sidebar/blob/95c4d647ab010521de8670e94f60a760196e2da7/package.json#L31-L33>

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [25 October 2023 19:56 UTC](https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325/11 "2023-10-25T19:56:33Z")

</div>

Ah euh... Nice catch!  
Seems I have cloned a very old package.json file to start this new sidebar plugin.  
Busted 😇

I have updated the minimum required NodeJs version number to 17.0.0  
This fix will be released as soon as our next sidebar version is published on npm

Thanks for the tip!!

---

<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:** [25 October 2023 21:11 UTC](https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325/12 "2023-10-25T21:11:37Z")

</div>

As we only support LTS versions of node you may as well make it node18 🙂

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [26 October 2023 19:24 UTC](https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325/13 "2023-10-26T19:24:40Z")

</div>

> [@dceejay](#):
>
> make it node18 🙂

That is true... Consider it done!

---

<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:** [9 November 2023 19:24 UTC](https://discourse.nodered.org/t/anzeige-der-knoten-verzogen/82325/14 "2023-11-09T19:24:57Z")

</div>

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