How to make an auto scroll debug textbox

[tcontrada]

I am able to make a simple text area using the Template UI Node where I can place debug messages, etc. However, I want it to auto scroll to the last item that was added.

What's the solution to making a debug text box that auto scrolls using the Template node?

Thanks...

[Steve-Mcl]

Where can I find (or enable) an "interactive" console in node-red?

You could achieve this with a simple pre & code block. You can even have syntax highlighting and a MAX LENGTH buffer for scroll back. example... [xSa2xxlzm7] Demo flow... [{"id":"ca8f65c0.635a58","type":"ui_template","z":"553814a2.1248ec","group":"6d01ec93.b1d374","name":"","order":7,"width":"12","height":"8","format":"\n<!--<pre><code id=\"shell\" class=\"language-bash bash\" ng-bind=\"msg.payload\"></code></pre>-->\n<pre><code id=\"shell\" class=\"language-bash bash\"></code></pre>\n\n<sc…

or

Where can I find (or enable) an "interactive" console in node-red?

ok - 20 minutes Here is an alternative version that uses ansi-to-html NOTE: You will need node-red V1.3.x as this demo uses function external modules [Us8oCqVmtk] [{"id":"270e0d17.f1c9b2","type":"ui_template","z":"553814a2.1248ec","group":"6d01ec93.b1d374","name":"","order":7,"width":"12","height":"8","format":"\n<div id=\"shell\" style=\"font-family: monospace;\"></div>\n\n<script>\n(function(scope) {\n scope.$watch('msg', function(msg) {\n if (msg) {\n debugger…

[tcontrada]

I'm looking for something that I can use in the NR Dashboard, and is simple, not a huge flow.

Thanks

[Steve-Mcl]

Those 2 solutions are for node-red dashboard.

[Christian-Me]

Perhaps using ui-table?

This flow can display a log (use the limiter mod in the following post too)

Problem with data displayed in UI-Table when switching Tabs

So something like a logfile .... This is using a little bit more complex (but universal) subflow I use for all my tables. But you can do it more simple too: A) a function node which gets an array (of lines) from the flow context and pushes the new line at the end B) a second function node triggered by ui-control gets the same context array and send it to ui-table I splittend it up to different nodes to make it easier to understand / debug - The tricky part is to scroll the table if you in…