Hi there , i see this topic resolved UI template image but with blanc messages. So i post here : I would like to display on the Dashboard, an image that can change depending on the arrival of a text message in a payload (this picture is grabbed on Internet ) : Function Node: if (msg.payload.even…

Solved with this topic :slight_smile: [image] UI template image via msg.payload Dashboard i found the solution : in the UI Template paste this : smiley <p> Status: <img width="30" height="30" src= {{msg.payload}} alt='Image not found' /> </p> [image] And go further…

The ui_template does not automatically resize to fit every message. You should manually set the size you require in the config page

Yes , @dceejay , To test the resize picture in TemplateUI i do that : <div height="50" style="height: 50px;"> <img src="https://pngimage.net/wp-content/uploads/2018/06/power-on-png-6.png" width="35"><br/> </div> [image] Very good ! i want to do the same but with this msg.payload before : var im…

The size field you show says “Auto”. I said to set it manually.

if i change "Auto" to "2x2" : [image] i'm sure i'm wrong somewhere. ?

if you want to have a look to the flow : [{"id":"c7028dcd.6942","type":"inject","z":"fe2c7bc6.bd49c8","name":"running","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":137.50000381469727,"y":677.5000095367432,"wires":[["582822a4.ef3ebc"]]},{"id"…

Node-RED

Node-RED Forum

[RESOLVED] Grab picture from Internet, resize and display on Dashboard

Dashboard

SuperNinja 22 February 2019 14:48 7

Solved with this topic

Topic		Replies	Views
UI template image via msg.payload Dashboard	18	27874	13 September 2024
Dashboard: Image from msg.payload Dashboard	2	8564	21 August 2018
Displaying html page on ui template Dashboard	6	3123	28 July 2021
Using the msg.payload to change ui template Dashboard	19	8228	21 August 2020
Displaying pictures via template node General	3	4104	23 September 2021

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.

[RESOLVED] Grab picture from Internet, resize and display on Dashboard

Related topics