Dashboard - ui_templet ( iframe src)

Hi All,

In the top hand right corner I want to insert a image from my Google Photo drive(or I can use a different drive if there is something similar that will work). I have made the picture shared and the link is created that anyone who has the link can view it.

As can bee seen it does not call and display the image, I also would like to get rid of the group name blank space area.

Any help will be greatly appreciated.

You need to get down to the image url (right click the image, get source)

Then request and inject it.

Here is a working demo

[{"id":"d6cb0375bb44b2fc","type":"ui_template","z":"af952aeaa20f4f97","group":"dce9e7a2.d20c78","name":"","order":7,"width":"9","height":"7","format":"<img src=\"data:image/jpg;base64,{{msg.payload}}\" width=\"50px\">","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":1380,"y":840,"wires":[["6a8c888f382e7cae"]]},{"id":"ef11fc9f31af0e88","type":"inject","z":"af952aeaa20f4f97","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":true,"onceDelay":0.1,"topic":"","payloadType":"date","x":1000,"y":760,"wires":[["0d452906e1fabfa2"]]},{"id":"0d452906e1fabfa2","type":"http request","z":"af952aeaa20f4f97","name":"","method":"GET","ret":"bin","paytoqs":"ignore","url":"https://lh3.googleusercontent.com/pw/AM-JKLWmbI4l-3Ar7N_zPRkPb_0qG6LBIZA0U-3b3tp2AeUJDe1fi7cYzfxmVhW-TAHPgz26Sd8fTD-wxwCENhTMtVjVHQQNq-f0L2dpyyFto7XeJccMzFErAkaHoudlniyu55Ff7rdgPvC6DFeCSko9Curqrw=w1772-h1329-no?authuser=0","tls":"","persist":false,"proxy":"","authType":"","x":1180,"y":760,"wires":[["74f08c445115b7a2"]]},{"id":"74f08c445115b7a2","type":"base64","z":"af952aeaa20f4f97","name":"","action":"","property":"payload","x":1210,"y":840,"wires":[["d6cb0375bb44b2fc"]]},{"id":"6a8c888f382e7cae","type":"debug","z":"af952aeaa20f4f97","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":1590,"y":840,"wires":[]},{"id":"dce9e7a2.d20c78","type":"ui_group","name":"Object detection","tab":"5132060d.4cde48","order":1,"disp":true,"width":"9","collapse":false},{"id":"5132060d.4cde48","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]
1 Like

Thank you @Steve-Mcl I did feel like the brick wall :grinning:

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.