# Create node which displays input message content

**URL:** <https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682>\
**Category:** General\
**Created:** [4 October 2018 12:04 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682 "2018-10-04T12:04:08Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![malinthasa](https://avatars.discourse-cdn.com/v4/letter/m/3be4f8/32.png) [@malinthasa](https://discourse.nodered.org/u/malinthasa)\
**Post date:** [4 October 2018 12:04 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/1 "2018-10-04T12:04:08Z")

</div>

Hi,

I need to create a node or area which displays the content of the input event to that node. This requirement is not a dashboard requirement. I have added an scketch of the expected node. Is there a way to do this.

![Screenshot%20from%202018-10-04%2013-57-56](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/7/714b281e5313265aba836708b5860be72caedca9.png)

---

<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:** [4 October 2018 12:09 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/2 "2018-10-04T12:09:28Z")

</div>

Hi - no. The editor is _not_ meant to be used as a dashboard for runtime state.

The only thing the runtime can do is update the node status - [https://nodered.org/docs/creating-nodes/status](https://nodered.org/docs/creating-nodes/status)

---

<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:** [4 October 2018 16:57 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/3 "2018-10-04T16:57:56Z")

</div>

Hi Nick (@knolleary),

I had already read multiple times in the past, that the flow editor shouldn't become a dashboard (for displaying runtime state). I'm very convinced that there will be very good reasons for that decision, so I won't argument against it !!!

Although I must admit that Riku Rouvila's [node-red-contrib-image-output](https://github.com/rikukissa/node-red-contrib-image-output) is a very good aid for me, when I'm experimenting with video in Node-RED:

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/0/0eb8bb745d3ae0de7f8b41b48b84ef6dd908dfd9.jpeg)

This way I can tweak my flows, and seeing the results on the video immediately. It has become my private video debugger tool... I could also display the video in other tools (like e.g. the dashboard), but this way is just much easier and quicker.

There is currently _no way to expand or collapse the balloon_, which could be a nice feature for people that don't want to show it all the time...

P.S. I have no commercial advantage of that contribution, I only created some pull requests to add extra features to it 😇

Bart

---

<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:** [4 October 2018 17:22 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/4 "2018-10-04T17:22:14Z")

</div>

Indeed - node creators have found ways to do it. But we provide _no_ api for it and cannot be held responsible if these nodes break in future releases because we change something.

---

<div class="post-metadata">

**Author:** ![tilleul](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tilleul/32/78_2.png) [@tilleul](https://discourse.nodered.org/u/tilleul)\
**Post date:** [4 October 2018 17:48 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/5 "2018-10-04T17:48:25Z")

</div>

@BartButenaers thanks for sharing, I completely missed that API !

@knolleary Apart from the fact that the NR team does not officially support RED.comms API and that it might break one day, is there any reason why it's not documented ? I suppose it's there for a reason for the core of NR. Is there any drawback to use to that API for custom nodes ? If so, maybe it should be hidden in some way ? And if not, why not make it official ? Communication between the editor and the runtime using that API (if it's the right way to do it) could be useful in several scenarios, not just displaying images/status/text in the editor.

---

<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:** [4 October 2018 18:04 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/6 "2018-10-04T18:04:13Z")

</div>

> [@tilleul](#):
>
> Apart from the fact that the NR team does not officially support RED.comms API and that it might break one day, is there any reason why it's not documented ?

Well, you've named two very real reasons there.

The Comms channel gives a real-time communication link to the editor. We do not want to flood the editor with real-time messages, so it's reserved for core functionality today.

That may change and we would document it at some point. But it takes considerable time and effort to do that, and it isn't a priority for the 0.20 release.

---

<div class="post-metadata">

**Author:** ![tilleul](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tilleul/32/78_2.png) [@tilleul](https://discourse.nodered.org/u/tilleul)\
**Post date:** [4 October 2018 18:31 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/7 "2018-10-04T18:31:15Z")

</div>

> [@knolleary](#):
>
> That may change and we would document it at some point. But it takes considerable time and effort to do that, and it isn't a priority for the 0.20 release.

I think we all realize all the good work you and the rest of the team is putting out there and of course, nobody's expecting that for v0.20 ....  
If you allow me, I would like to personally praise the way you (and @dceejay and ?? -- I hope I'm not forgetting someone -- if that's the case consider you're included !) handle all these forums' messages: you are ALWAYS patient, nice and ready to help (even after you've repeated the same message a hundred times). This is something very rare and I know what I'm talking about being a developer myself and having managed forums before (in various domains). Thank you for the way you handle things. And thanks for the whole team for being so receptive to our (sometimes bizarre) suggestions/requirements. 🤟❤👍

---

<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:** [4 October 2018 19:54 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/8 "2018-10-04T19:54:14Z")

</div>

Hi François,

After my post above, I cannot deny anymore that I'm a big fan of Riku's contribution. But I don't want to encourage developers to start creating such nodes all over the place, because (since Node-RED doesn't offer an out-of-the-box solution) **_we might end up with lots of different styles and behaviour_**.

For example in Riku's contribution:

- _ **How to link visually the information to the corresponding node** _: In the beginning the image was simply displayed below the node, but it wasn't really visible which image belonged to which node. So I added some [code](https://github.com/rikukissa/node-red-contrib-image-output/issues/4) to show the blue balloon, with an arrow pointing to the node.
- _ **What if no information is available** _: I created a [pull request](https://github.com/rikukissa/node-red-contrib-image-output/pull/7) to show a static image when no stream available. But for other kind of data, other 'no data' visualisation might be required. Or do you just show an empty balloon?
- _ **Does the balloon need to be resizable** _: in case of images, I wanted the balloon to be resizable. But in some other cases this is perhaps not required/allowed.
- _ **Does the information/balloon always needs to be visible** _: currently the image balloon is not collapsable, so it is always visible even if you don't want it.
- **_Does the data always need to be pushed to the balloon_** : I added a [pull request](https://github.com/rikukissa/node-red-contrib-image-output/pull/5) to have a button, to pause or resume data pushing. And suppose it could be collapsed, perhaps data pushing should be paused automatically when collapsed (but if data gaps are not allowed, it might be required keep pushing).
- ...

If every node developers invents it's own style, we will mess up the flow editor. So please keep it consistent ...  
Bart

---

<div class="post-metadata">

**Author:** ![craigcurtin](https://avatars.discourse-cdn.com/v4/letter/c/94ad74/32.png) [@craigcurtin](https://discourse.nodered.org/u/craigcurtin)\
**Post date:** [4 October 2018 22:18 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/9 "2018-10-04T22:18:48Z")

</div>

How much data are we talking ? You do know that the debug node can display its input directly underneath itself rather than in the debug window ??

Also a number of other nodes do the same thing (such as the schedex node so you could create your own - if the status area is enough for you

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

Craig

---

<div class="post-metadata">

**Author:** ![SteveMann](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stevemann/32/3810_2.png) [@SteveMann](https://discourse.nodered.org/u/SteveMann)\
**Post date:** [5 October 2018 03:02 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/10 "2018-10-05T03:02:20Z")

</div>

> [@BartButenaers](#):
>
> There is currently _no way to expand or collapse the balloon_

Sure, just give it a short name.  
 ![_NR-shortNames](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/d/d9cdee9c93c7f46615d0045063f046b5a6dc1bbd.jpeg)  
But I think you mean to a smaller icon. Which I probably wouldn't use even if it were available because it would make my flows virtually unreadable. (Not that I can read them a week after creating it). You can also reduce a group of nodes to a subflow, and that is represented by a single balloon.

---

<div class="post-metadata">

**Author:** ![tilleul](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tilleul/32/78_2.png) [@tilleul](https://discourse.nodered.org/u/tilleul)\
**Post date:** [5 October 2018 05:22 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/11 "2018-10-05T05:22:36Z")

</div>

@SteveMann I think @BartButenaers is talking about the image balloon in his screenshot ...

---

<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:** [5 October 2018 06:29 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/12 "2018-10-05T06:29:22Z")

</div>

Indeed, would have been better if there was a (uniform) way of displaying or hiding the **blue balloon**. E.g. in the image-output node, you don't always want to show all camera's. You could workaround this by removing those nodes in the flow, but then you have to redeploy ...

---

<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:** [5 October 2018 06:43 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/13 "2018-10-05T06:43:39Z")

</div>

Or maybe if the images were in the sidebar (like other debug) then they wouldn't be in the way 😉

---

<div class="post-metadata">

**Author:** ![Hypnos](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hypnos/32/7566_2.png) [@Hypnos](https://discourse.nodered.org/u/Hypnos)\
**Post date:** [14 October 2018 07:08 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/14 "2018-10-14T07:08:25Z")

</div>

How can I show the debug note input directly as a status message?

This is what I'm searching for.  
Thank you

---

<div class="post-metadata">

**Author:** ![krambriw](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/krambriw/32/5429_2.png) [@krambriw](https://discourse.nodered.org/u/krambriw)\
**Post date:** [14 October 2018 07:54 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/15 "2018-10-14T07:54:11Z")

</div>

Upgrade to latest NR, you have it there as a possible setting

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

---

<div class="post-metadata">

**Author:** ![Hypnos](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hypnos/32/7566_2.png) [@Hypnos](https://discourse.nodered.org/u/Hypnos)\
**Post date:** [14 October 2018 10:08 UTC](https://discourse.nodered.org/t/create-node-which-displays-input-message-content/3682/16 "2018-10-14T10:08:01Z")

</div>

Thank you. I overlooked this change on the last updates.
