# Highlighting nodes and groups from the info text box

**URL:** <https://discourse.nodered.org/t/highlighting-nodes-and-groups-from-the-info-text-box/84020>\
**Category:** Core Development\
**Created:** [25 December 2023 12:32 UTC](https://discourse.nodered.org/t/highlighting-nodes-and-groups-from-the-info-text-box/84020 "2023-12-25T12:32:15Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [25 December 2023 12:32 UTC](https://discourse.nodered.org/t/highlighting-nodes-and-groups-from-the-info-text-box/84020/1 "2023-12-25T12:32:15Z")

</div>

Hi There!

Ever since I began to document how Node-RED works, I have tried to find ways to explain how flows work. For that purpose, I implement wire, node and group highlighting over at [FlowHub.org](http://FlowHub.org), for example: [the orange links highlight stuff in the flow](https://flowhub.org/f/722b6181086e9abe) which I describe in the text.

All the documentation for the flows at [FlowHub.org](http://FlowHub.org) are done in Node-RED in the description text for the flow tab. This means the text is also shown in the info sidebar _within_ Node-RED. What I have been thinking about is having the same highlighting in Node-RED and that is what I now have done with the [server-less Node-RED](https://cdn.flowhub.org):

![deadred-nodehigh](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/0/f09a7abfeb240d1d1af0d1dc6a7c53c6dc94920e.gif)

My question is whether there is general interest in this concept? Obviously the way I did this (using css classes) is perhaps not the best method but if there is interest for this to become part of Node-RED, then a more general and integrated method could be discussed and defined.

Happy Holydays to All!

---

<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:** [25 December 2023 13:26 UTC](https://discourse.nodered.org/t/highlighting-nodes-and-groups-from-the-info-text-box/84020/2 "2023-12-25T13:26:11Z")

</div>

Kind of like a story sidebar. Tells the story of the flow?

If so, I like the idea.

---

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [25 December 2023 15:31 UTC](https://discourse.nodered.org/t/highlighting-nodes-and-groups-from-the-info-text-box/84020/3 "2023-12-25T15:31:36Z")

</div>

> [@TotallyInformation](#):
>
> Kind of like a story sidebar. Tells the story of the flow?

Exactly, purely for documentational purposes - similar to the Mermaid integration.

I am definitely not advocating for executional purposes such as double click starts the node or flow or anything like that.

In describing a flow, it makes a difference writing "the inject node called 'abc' does XYZ" or having a highlight and writing "the node does xyz" with the node being highlighted.

---

<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:** [23 February 2024 15:31 UTC](https://discourse.nodered.org/t/highlighting-nodes-and-groups-from-the-info-text-box/84020/4 "2024-02-23T15:31:38Z")

</div>

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