QR-Code in Dashboard
simple flow how to add an random QR-Code into you Node-RED dashboard
[{"id":"689a2a4665f39823","type":"tab","label":"QR","disabled":false,"info":"","env":[]},{"id":"9c24c35064a52ebe","type":"qrcode-generator","z":"689a2a4665f39823","name":"","qrtype":"text2qr","text2qrText":"","ssid":"","hiddenssid":false,"wifitype":"","phonenum":"","smsphonenum":"","smstext":"","mailto":"","mailsubject":"","mailbody":"","latitude":"","longitude":"","colorlight":"#feffff","colordark":"#000000","printstatus":true,"x":750,"y":140,"wires":[["6674cbf394452dc8"]]},{"id":"998b6524c3a71504","type":"inject","z":"689a2a4665f39823","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"3","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":130,"y":140,"wires":[["f48233d289e92b46"]]},{"id":"6674cbf394452dc8","type":"ui_template","z":"689a2a4665f39823","group":"89481fa9060e37ce","name":"","order":2,"width":0,"height":0,"format":"<style>\n /* Define the fixed size for the div */\n .fixed-size-div {\n width: 300px; /* Set the width to 200 pixels */\n height: 300px; /* Set the height to 100 pixels */\n background-image: url('{{msg.payload}}'); /* Replace with your Base64 image data */\n background-size: cover; /* Scale the background */\n background-repeat: no-repeat; /* Prevent the image from repeating */\n background-position: center center; /* Center the image both horizontally and vertically */\n }\n</style>\n\n\n<div class=\"fixed-size-div\">\n\n</div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":900,"y":140,"wires":[[]]},{"id":"f48233d289e92b46","type":"Name","z":"689a2a4665f39823","name":"Random Name","nameLength":"2","x":300,"y":140,"wires":[["ec5815e9d93dba8f","b0dbd987e84b89ad"]]},{"id":"ec5815e9d93dba8f","type":"change","z":"689a2a4665f39823","name":"","rules":[{"t":"set","p":"qrcodeinput","pt":"msg","to":"payload","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":540,"y":140,"wires":[["9c24c35064a52ebe"]]},{"id":"b0dbd987e84b89ad","type":"ui_text","z":"689a2a4665f39823","group":"89481fa9060e37ce","order":1,"width":0,"height":0,"name":"","label":"QR Code: ","format":"{{msg.payload}}","layout":"row-left","className":"","x":500,"y":200,"wires":[]},{"id":"4e35600efaf5ec8f","type":"comment","z":"689a2a4665f39823","name":"replace with YOUR input nodes","info":"","x":250,"y":100,"wires":[]},{"id":"89481fa9060e37ce","type":"ui_group","name":"Default","tab":"c31721d5d19bb741","order":1,"disp":false,"width":"6","collapse":false,"className":""},{"id":"c31721d5d19bb741","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]
