@BartButenaers I would be interested to know if the text can also be used as input? I don't want to send anything to SVG, but I want to enter something in SVG, for example a target value. Thanks Greetings

Hi @ninaaa, Yes that should be possible in most modern browsers. The idea is to use a standard HTML input element as foreign element (i.e. non-SVG element) inside the SVG. You can read more about it in this tutorial on my wiki. Here is the demo animation from that wiki page: [svg_foreign_input] Good luck with it, Bart

Thanks first of all. I've been playing with it for a few days now. Unfortunately you cannot edit it in the SVG editor. In the Fire-Fox browser I have some problems with the size of the input field. To do this, I would like to change the font and remove the arrows and center the input more. What I'm also missing is the ability to show/hide the input window. If anyone has any tips please share them Greetings

Node-RED

Node-RED Forum

Display text in svg graphic

Dashboard

Paul-Reed 28 February 2024 17:13 3

Also see Display text in a svg graphic

Topic		Replies	Views
Node-red-contrib-ui-svg: experimenting with foreign elements Share Your Nodes	0	1161	30 November 2020
Text update not work for me with svg-grafics node Dashboard	9	3945	9 April 2020
Display text in a svg graphic Dashboard	2	314	27 November 2023
Programatically adding element in node-red-contrib-ui-svg General	5	1020	6 November 2019
Table with UI-SVG Dashboard	7	1148	2 April 2020

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.

Display text in svg graphic

Related topics