# \[APP\]\[Pro\] Enhanced Device Widgets. Live 1.1.29, Test 1.1.30 **URL:** \ **Category:** Apps\ **Created:** [October 10, 2024, 5:25pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835 "2024-10-10T17:25:43Z")\ **Posts on this page:** 20\ **Page:** 22
**Author:** ![JohanP](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/johanp/32/119002_2.png) [@JohanP](https://community.homey.app/u/JohanP)\ **Post date:** [January 2, 2026, 9:14pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/425 "2026-01-02T21:14:20Z")
I’m trying to figure out how to show a image from an external url. ChatGPT is some help but only comes with a pretty complicated iframe construction, same goes for a image as background. Last time I worked with html it was a simple img scr=”img-url” and body background=”img-url” but can’t get it to work. ---
**Author:** ![SunBeech](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sunbeech/32/111391_2.png) [@SunBeech](https://community.homey.app/u/SunBeech)\ **Post date:** [January 2, 2026, 9:55pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/426 "2026-01-02T21:55:43Z")
> [@JohanP](#): > > img scr=”img-url” That seems to be right. Maybe the image is an unsupported format or too lage? ---
**Author:** ![JohanP](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/johanp/32/119002_2.png) [@JohanP](https://community.homey.app/u/JohanP)\ **Post date:** [January 2, 2026, 9:59pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/427 "2026-01-02T21:59:39Z")
Nope, works fine on firefox browser and in a iframe. Image is on my homey and reachable with the http/ftp app ---
**Author:** ![SunBeech](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sunbeech/32/111391_2.png) [@SunBeech](https://community.homey.app/u/SunBeech)\ **Post date:** [January 3, 2026, 7:51am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/428 "2026-01-03T07:51:39Z")
Ah my confusion: you were talking about an ‘external’ image, so I assumed an image not locally stored on your Homey. Are you using the [Gallery](https://homey.app/en-nl/app/com.athom.gallery/Gallery/) app to store images on your Homey? If so, check this post on how to reference images in that app: > [@New Gallery App](https://community.homey.app/t/new-gallery-app/14133/19): > > Athom reached out to me with an update on this issue and have provided me with a work-around. It allows you to refer to images in the Gallery app, without its reference changing after every Homey reboot. It requires some steps, but you only have to do them once per image. In order to get a permanent image reference: Access you Homey via the [web app](https://my.homey.app/); Open the image library in the Gallery app (Settings (cogwheel) \> Gallery app \> Settings); Right click the image, for which you want to obtain th… ---
**Author:** ![JohanP](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/johanp/32/119002_2.png) [@JohanP](https://community.homey.app/u/JohanP)\ **Post date:** [January 3, 2026, 8:41am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/429 "2026-01-03T08:41:36Z")
No, not useing the gallery app. The Ftp/Http server app. But a [http://myhomeyip:8000/image.jpg](http://myhomeyip:8000/image.jpg) should work also ? It does when I enter the url in firefox… ---
**Author:** ![SunBeech](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sunbeech/32/111391_2.png) [@SunBeech](https://community.homey.app/u/SunBeech)\ **Post date:** [January 3, 2026, 12:42pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/430 "2026-01-03T12:42:19Z")
Strange indeed. As a test, are you able to get the widget to show a random image from the internet (via its URL)? And what if you try a local PNG image instead of a JPG? ---
**Author:** ![JohanP](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/johanp/32/119002_2.png) [@JohanP](https://community.homey.app/u/JohanP)\ **Post date:** [January 3, 2026, 4:00pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/431 "2026-01-03T16:00:09Z")
Nope, and nope. What does work (even after I stripped al the useless ChatGPT junk) is : ```auto ``` ---
**Author:** ![SunBeech](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sunbeech/32/111391_2.png) [@SunBeech](https://community.homey.app/u/SunBeech)\ **Post date:** [January 3, 2026, 7:59pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/432 "2026-01-03T19:59:47Z")
I just tested to display a random image from Wikipedia in an EDW status widget. In my case it works. It’s this image: `https://upload.wikimedia.org/wikipedia/commons/thumb/9/97/Rijkswapen_der_Nederlanden.svg/2560px-Rijkswapen_der_Nederlanden.svg.png` Result in the status widget: ![IMG_2357.PNG](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/3/9/39387c4c4314102b967350384427e60e90c5e1d7.jpeg) Flow: ![Test External Image in EDW Status](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/4/1444f96725add9694dcec64af91a3322f6d820c6.png) ---
**Author:** ![JohanP](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/johanp/32/119002_2.png) [@JohanP](https://community.homey.app/u/JohanP)\ **Post date:** [January 3, 2026, 10:01pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/433 "2026-01-03T22:01:19Z")
Ok, you actually build a whole html page including html doctype body etc. around it ? I was in the assumption it wasn’t necessary. Might explain why it only works when I use iframe ? ---
**Author:** ![SunBeech](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sunbeech/32/111391_2.png) [@SunBeech](https://community.homey.app/u/SunBeech)\ **Post date:** [January 3, 2026, 10:40pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/434 "2026-01-03T22:40:20Z")
I don’t think that is necessary. I am just following good practices for building HTML pages. If you don’t have separate styling, you can start directly with the table definition: This simplified flow: ![IMG_2360](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/f/1/f11c37c3e170154363ea66d2631dafbc7c88247f.jpeg) Results in: ![IMG_2359](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/8/488d0516e836e902c9ad6f76fc07f43e2d5d4cb4.jpeg) The image is displayed, but the colors are inverted (as I use dark mode). In my prior example I corrected the inversion, but since I removed the styling code, this is the effect. ---
**Author:** ![JohanP](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/johanp/32/119002_2.png) [@JohanP](https://community.homey.app/u/JohanP)\ **Post date:** [January 4, 2026, 8:50am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/436 "2026-01-04T08:50:12Z")
That’s funny, mine does no invertion. I now remember why I hate HTML codeing. Wondering if a good pagebuilder would help, ChatGPT isn’t. Last websites I created where CMS like Joomla… ---
**Author:** ![SunBeech](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sunbeech/32/111391_2.png) [@SunBeech](https://community.homey.app/u/SunBeech)\ **Post date:** [January 4, 2026, 9:40am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/437 "2026-01-04T09:40:57Z")
> [@JohanP](#): > > That’s funny, mine does no invertion. Maybe Homey leaves the contents of iframes untouched. Icons and images used directly in the status widget are inverted when switching between light and dark mode (at least in my case). Similar like the device icons (black when in light mode, white when in dark mode). ---
**Author:** ![JohanP](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/johanp/32/119002_2.png) [@JohanP](https://community.homey.app/u/JohanP)\ **Post date:** [January 4, 2026, 2:23pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/438 "2026-01-04T14:23:26Z")
Finally ! Success ! ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/7/d/7de27b1f97324fc3645ab021694a7526e77d8398.png) Which basicly is : An image with plotted curve on a tranparent background in black or white \*: ![stooklijn](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/3/13f92527a773cda1d3e42754129752d054c77e4e.png) Image put in a Widget and added as overlay a table with values (The ‘hairpulling and clawing the wallpaper from the walls-bit) ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/e/1e88d971d773756f62b8ccfe98ae8f8776657cfa.png) …some calculations ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/d/b/dbab845df3ec09f75e4b429c7d52839e90b47de2.png) The ‘Stooklijn’ for my heatpump visualised. Now if I change settings I can see in Homey what the effects are, instead of needing my excelsheet with graf… \*Need to figure out how to switch, depending on light or dark theme. ---
**Author:** ![SunBeech](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sunbeech/32/111391_2.png) [@SunBeech](https://community.homey.app/u/SunBeech)\ **Post date:** [January 4, 2026, 2:34pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/439 "2026-01-04T14:34:33Z")
Great to see that you got it to work. I noticed that there is a trailing space in the image name. Could that be the reason you could not get the image displayed in the table (without iframe) in your prior attempt? ![IMG_2365](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/6/c/6cc00ca077a24c503f9a624d34de6f44c8b41c8b.jpeg) ---
**Author:** ![JohanP](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/johanp/32/119002_2.png) [@JohanP](https://community.homey.app/u/JohanP)\ **Post date:** [January 4, 2026, 3:24pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/440 "2026-01-04T15:24:04Z")
Hmm, that was sloppy… But ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/d/4/d4722a7ab302b8ff68d308b3873039b5c47c4869.png) this works, and ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/2/922bb67284a06d9131751ece6b9be482ca9cb1f8.png) this doesn’t, no image, but tekst is shown.. ---
**Author:** ![SunBeech](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sunbeech/32/111391_2.png) [@SunBeech](https://community.homey.app/u/SunBeech)\ **Post date:** [January 4, 2026, 3:50pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/441 "2026-01-04T15:50:38Z")
OK then I am out of thoughts 😊. I have no idea why it won’t work in your case without using an iframe. ---
**Author:** ![JohanP](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/johanp/32/119002_2.png) [@JohanP](https://community.homey.app/u/JohanP)\ **Post date:** [January 4, 2026, 4:19pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/442 "2026-01-04T16:19:38Z")
![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/1/4132d80f7ffb5907351749aa5b2a4f11979f49ef.png) Guess what, this works…. So even though I call the image on Homey through a ‘external’ URL, it doesn’t work… So much for hosting image on your own Homey.. ---
**Author:** ![SunBeech](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sunbeech/32/111391_2.png) [@SunBeech](https://community.homey.app/u/SunBeech)\ **Post date:** [January 4, 2026, 4:32pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/443 "2026-01-04T16:32:41Z")
Right… Well, not sure whether you want to use it, but the Gallery app I mentioned before does work. It just stores images locally on your Homey. And you can use them in the status widget. ---
**Author:** ![JohanP](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/johanp/32/119002_2.png) [@JohanP](https://community.homey.app/u/JohanP)\ **Post date:** [January 4, 2026, 5:03pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/444 "2026-01-04T17:03:14Z")
Oh well, this works for now. ---
**Author:** ![Skorpion](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/skorpion/32/275_2.png) [@Skorpion](https://community.homey.app/u/Skorpion)\ **Post date:** [January 11, 2026, 8:53pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/445 "2026-01-11T20:53:49Z")
I just sent you a log of my device with a text field updating values. [Previous page](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835.md?page=21) [Next page](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835.md?page=23)