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...

[image] Where can I find (or enable) an "interactive" console in node-red? General 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 -->\n \n\n<sc… or [image] Where can I find (or enable) an "interactive" console in node-red? General ok - 20 minutes slight_smile 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 \n\n \n(function(scope) {\n scope.$watch('msg', function(msg) {\n if (msg) {\n debugger…

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

Those 2 solutions are for node-red dashboard.

Perhaps using ui-table? This flow can display a log (use the limiter mod in the following post too) [image] Problem with data displayed in UI-Table when switching Tabs General 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…

Node-RED

Node-RED Forum

How to make an auto scroll debug textbox

Dashboard

Steve-Mcl 5 October 2021 20:18 2

or

Topic		Replies	Views
Create a simple log console Dashboard	0	740	10 April 2020
Scrolling Text box on dashboard? Dashboard	20	14597	26 February 2019
Dashboard text scroll box with large history. How to? Dashboard	4	540	20 December 2022
Where can I find (or enable) an "interactive" console in node-red? General	28	4856	7 June 2021
Autoscroll in ui-template html General	1	271	3 June 2022

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

How to make an auto scroll debug textbox

Related topics