# \[APP\]\[Pro\] Enhanced Device Widgets. Live 1.1.29, Test 1.1.30

**URL:** <https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835>\
**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:** 20

<div class="post-metadata">

**Author:** ![Hass](https://avatars.discourse-cdn.com/v4/letter/h/51bf81/32.png) [@Hass](https://community.homey.app/u/Hass)\
**Post date:** [August 2, 2025, 7:07pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/385 "2025-08-02T19:07:30Z")

</div>

Thank you for the quick fix! This resolved my issue.

---

<div class="post-metadata">

**Author:** ![Matthieu\_Fiasse](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/matthieu_fiasse/32/80101_2.png) [@Matthieu\_Fiasse](https://community.homey.app/u/Matthieu_Fiasse)\
**Post date:** [August 4, 2025, 7:11pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/386 "2025-08-04T19:11:15Z")

</div>

Hi @Adrian_Rockall  
I think that I have a little bug.  
The second card is a “copy - paste” from the first One.  
When I am testing the flow, with the first card I get a prompt to specify an Event ID  
But not for the second.  
Any Idea?

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/2/129aca98abb2334a635fccb6e70146424180cd4b.png)

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/d/3/d3317f7215ca4fce2b18428709ebe1e8ab7dde5f.png)

---

<div class="post-metadata">

**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:** [August 4, 2025, 7:38pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/387 "2025-08-04T19:38:43Z")

</div>

Does’t the second WHEN card provide its own Event ID? Each of the WHEN cards have their own/different Event ID tag. You are using the one provided by the first/original WHEN card.

---

<div class="post-metadata">

**Author:** ![Matthieu\_Fiasse](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/matthieu_fiasse/32/80101_2.png) [@Matthieu\_Fiasse](https://community.homey.app/u/Matthieu_Fiasse)\
**Post date:** [August 5, 2025, 7:43am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/388 "2025-08-05T07:43:09Z")

</div>

Hi, thanks for the comment, thanks to you I adapted my flow and it works

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/6/f/6f142d9f69c92c2b4a29d5456cf4434bdb168928.png)

---

<div class="post-metadata">

**Author:** ![Mariomark1541](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/mariomark1541/32/178160_2.png) [@Mariomark1541](https://community.homey.app/u/Mariomark1541)\
**Post date:** [August 5, 2025, 6:07pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/389 "2025-08-05T18:07:51Z")

</div>

Oh wow that looks great how can I create similar this table?

Now I have a long table …..

Can you share some flows / codes

---

<div class="post-metadata">

**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:** [August 5, 2025, 7:41pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/390 "2025-08-05T19:41:03Z")

</div>

You can find a basic explanation op the building blocks here in an earlier post of mine:

> [@Showcase your Dashboard](https://community.homey.app/t/showcase-your-dashboard/116965/281):
>
> I have included details on how I set up the widget. Please note that I am not an HTML expert whatsoever, so feel free to comment if I can improve the code blush. I used [W3 Schools’ HTML tutorial](https://www.w3schools.com/html/default.asp) as a resource. Basic structure The information included in the widget is formatted in one table consisting of ten rows (1-10) and eight columns (A-H). The information displayed consist of plain text, Homey tags & variables that provide the sensor values and date stamps, and CSS style coding that crea…

I did some further fine-tuning and added additional sensors, but I hope it gives you the basic idea.

One thing to note is that I had to split the flow in multiple canvasses. Putting them in one canvas caused it to get very slow / freeze.

---

<div class="post-metadata">

**Author:** ![Matthieu\_Fiasse](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/matthieu_fiasse/32/80101_2.png) [@Matthieu\_Fiasse](https://community.homey.app/u/Matthieu_Fiasse)\
**Post date:** [August 8, 2025, 12:23pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/391 "2025-08-08T12:23:26Z")

</div>

> [@Showcase your Dashboard](https://community.homey.app/t/showcase-your-dashboard/116965/334):
>
> Yes I did It with the Enhanced Device Widget. \<div style="display:flex; padding:0px;margin-left:-10px"\> \<img id="imag1" style="margin:auto;width:30%" src="/app/com.athom.gallery/userdata/1832cf3a-f5bd-4a0a-bde6-e6d7aebcb5bc.png" onClick="onObjectClick('PLAYLIST1');"\> \<img id="imag2" style="margin:auto;width:30%" src="/app/com.athom.gallery/userdata/c9b81486-b7af-4a70-b611-33a782443f6f.png" onClic…

---

<div class="post-metadata">

**Author:** ![RoyWissenburg](https://avatars.discourse-cdn.com/v4/letter/r/839c29/32.png) [@RoyWissenburg](https://community.homey.app/u/RoyWissenburg)\
**Post date:** [August 28, 2025, 9:39am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/392 "2025-08-28T09:39:01Z")

</div>

Love the idea to make this for my sonos playlists, but what i do i keep getting a blue colur in my picture. The uploaden ones for example Q music is red with the Q in white. Tried everthing i can think of but cant get it right. So someone knows what iam doing wrong? Looks like they sort of “inverted”

 ![Screenshot_20250828_113449_Homey](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/d/2/d2d59d2eb74753bd742bcbf91f2114a21f20d508.jpeg)

 ![q 256](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/7/2/7292c52a2e30043e39bf6dabf68bb8babd9f6822.jpeg)

---

<div class="post-metadata">

**Author:** ![Adrian\_Rockall](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/adrian_rockall/32/13209_2.png) [@Adrian\_Rockall](https://community.homey.app/u/Adrian_Rockall)\
**Post date:** [August 28, 2025, 9:57am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/393 "2025-08-28T09:57:53Z")

</div>

What do you have in the Flow card that fills the widget?

---

<div class="post-metadata">

**Author:** ![RoyWissenburg](https://avatars.discourse-cdn.com/v4/letter/r/839c29/32.png) [@RoyWissenburg](https://community.homey.app/u/RoyWissenburg)\
**Post date:** [August 28, 2025, 10:04am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/394 "2025-08-28T10:04:03Z")

</div>

Hi Adrain.

This is my flowcard

 ![Schermafbeelding 2025-08-28 120159](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/e/4ee59f6f73264b8800a30f2b05f264e33e36f06b.png)

---

<div class="post-metadata">

**Author:** ![RoyWissenburg](https://avatars.discourse-cdn.com/v4/letter/r/839c29/32.png) [@RoyWissenburg](https://community.homey.app/u/RoyWissenburg)\
**Post date:** [August 28, 2025, 10:24am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/395 "2025-08-28T10:24:05Z")

</div>

Guess i found out where the problem is. Not sure its on your app side, or its something where athom should look at?

My dash is in Dark mode, and there is the picture “inverted”

 ![Screenshot_20250828_121526_Homey](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/f/e/fee2e8e101f760cec7e2fd23a9269d38d1ee2dc9.jpeg)

Switching to light mode everything is ok.

 ![Screenshot_20250828_121447_Homey](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/5/c/5cf24812d4613dfbb5c833d591e3c5b07ad7b154.jpeg)

---

<div class="post-metadata">

**Author:** ![Adrian\_Rockall](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/adrian_rockall/32/13209_2.png) [@Adrian\_Rockall](https://community.homey.app/u/Adrian_Rockall)\
**Post date:** [August 29, 2025, 9:06am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/396 "2025-08-29T09:06:30Z")

</div>

Hmm, good spot. I will check the widget code to see if I can do anything in there.

---

<div class="post-metadata">

**Author:** ![RoyWissenburg](https://avatars.discourse-cdn.com/v4/letter/r/839c29/32.png) [@RoyWissenburg](https://community.homey.app/u/RoyWissenburg)\
**Post date:** [August 29, 2025, 10:50am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/397 "2025-08-29T10:50:33Z")

</div>

Great, and thks already 👌

---

<div class="post-metadata">

**Author:** ![Matthieu\_Fiasse](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/matthieu_fiasse/32/80101_2.png) [@Matthieu\_Fiasse](https://community.homey.app/u/Matthieu_Fiasse)\
**Post date:** [September 16, 2025, 2:02pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/398 "2025-09-16T14:02:50Z")

</div>

style="filter: none !important; mix-blend-mode: normal !important;

---

<div class="post-metadata">

**Author:** ![RoyWissenburg](https://avatars.discourse-cdn.com/v4/letter/r/839c29/32.png) [@RoyWissenburg](https://community.homey.app/u/RoyWissenburg)\
**Post date:** [September 16, 2025, 7:17pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/399 "2025-09-16T19:17:16Z")

</div>

I see its working, but know the qustion how to implment it in the code i have

```auto
<div style="display:flex; padding:0px;margin-left:15px"> <img id="imag1" style="margin:auto;width:35%" src="/app/com.athom.gallery/userdata/58919d9f-8c17-4d42-a8fc-2c93fb54f563.png" onClick="onObjectClick('Watergroen');"> <img id="imag2" style="margin:auto;width:35%" src="/app/com.athom.gallery/userdata/66d55a53-b9ff-4e13-994c-a474c16a3d5d.png" onClick="onObjectClick('Cogroen');">

```

 ![Screenshot_20250916_211950_Homey](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/c/b/cbe405f08ccd37d5b8c1c28fae9d70531bd00a08.jpeg)

---

<div class="post-metadata">

**Author:** ![Matthieu\_Fiasse](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/matthieu_fiasse/32/80101_2.png) [@Matthieu\_Fiasse](https://community.homey.app/u/Matthieu_Fiasse)\
**Post date:** [September 17, 2025, 5:37am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/400 "2025-09-17T05:37:32Z")

</div>

Here my code

```auto
<div style="display:flex; padding:0px;margin-left:-10px;overflow-y: scroll; gap:5px;margin-top:-25px;">
    <img id="imag1" style="filter: none !important; mix-blend-mode: normal !important;margin:auto;width:30%;border-radius:50%" src="/app/com.athom.gallery/userdata/b9297021-3919-4af7-9d36-71833e6faced.jpg" onClick="onObjectClick('CELESTINE');"> 
    <img id="imag2" style="filter: none !important; mix-blend-mode: normal !important;margin:auto;width:30%;border-radius:50%" src="/app/com.athom.gallery/userdata/39468ad9-90ed-42cb-89f5-e5b318e115bf.jpg" onClick="onObjectClick('MELA');">
    <img id="imag2" style="filter: none !important; mix-blend-mode: normal !important;margin:auto;width:30%;border-radius:50%" src="/app/com.athom.gallery/userdata/50db2b75-4f05-4574-8526-e6c0eb64cbf4.jpg" onClick="onObjectClick('MATTHIEU');">
    <img id="imag3" style="filter: none !important; mix-blend-mode: normal !important;margin:auto;width:30%;border-radius:50%" src="/app/com.athom.gallery/userdata/50a74623-1e33-49cd-9d38-c86d57b8cfbb.jpg" onClick="onObjectClick('PAPY');">
    <img id="imag4" style="filter: none !important; mix-blend-mode: normal !important;margin:auto;width:30%;border-radius:50%" src="/app/com.athom.gallery/userdata/e7bf6792-4700-49d6-9484-6ca6d9d9e3a9.jpg" onClick="onObjectClick('MAMY');"> 
    <img id="imag5" style="filter: none !important; mix-blend-mode: normal !important;margin:auto;width:30%;border-radius:50%" src="/app/com.athom.gallery/userdata/7a664e17-5959-4c93-8208-2cf41aa38d9c.jpg" onClick="onObjectClick('MAMOU');">
    <img id="imag6" style="filter: none !important; mix-blend-mode: normal !important;margin:auto;width:30%;border-radius:50%" src="/app/com.athom.gallery/userdata/6217b0ff-f419-4db7-b941-9857aee180b3.jpg" onClick="onObjectClick('PEPITO');">    
</div>

```

---

<div class="post-metadata">

**Author:** ![RoyWissenburg](https://avatars.discourse-cdn.com/v4/letter/r/839c29/32.png) [@RoyWissenburg](https://community.homey.app/u/RoyWissenburg)\
**Post date:** [September 21, 2025, 10:55am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/401 "2025-09-21T10:55:30Z")

</div>

> [@Matthieu\_Fiasse](#):
>
> style="filter: none !important; mix-blend-mode: normal !important;

Thkss a lot, got it working 😀

---

<div class="post-metadata">

**Author:** ![Fred\_Braun](https://avatars.discourse-cdn.com/v4/letter/f/7bcc69/32.png) [@Fred\_Braun](https://community.homey.app/u/Fred_Braun)\
**Post date:** [October 2, 2025, 7:38am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/402 "2025-10-02T07:38:00Z")

</div>

I love this app. Thanks so much for the development. I have one question, would it be possible to have the widgets transparent? Maybe via 8-digit-hex-codes in the flow or just in the settings of the widget?

---

<div class="post-metadata">

**Author:** ![Adrian\_Rockall](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/adrian_rockall/32/13209_2.png) [@Adrian\_Rockall](https://community.homey.app/u/Adrian_Rockall)\
**Post date:** [October 2, 2025, 7:43am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/403 "2025-10-02T07:43:55Z")

</div>

I will investigate.

---

<div class="post-metadata">

**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:** [December 2, 2025, 5:46pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/404 "2025-12-02T17:46:15Z")

</div>

@Adrian_Rockall

A little update from my side:

I found out that the text field updates are also showing up in the log so that’s a good thing:

 ![IMG_6793](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/a/9/a9a8ac0a4045a3befac1910782a8b4db8feba8ec.jpeg)

Normally I use the non-editable widgets on my dashboard, and when I do the values aren’t updating except when I refresh the whole dashboard. Now I found that when changing the widget to editable the values update instantly when I check the edit box.

Is this intended behaviour or should the values also update when the widget is non-editable? That is what I was expecting to be honest.

> I did some further investigation and what I saw is that the information from for example a number field updates perfectly on my dashboard, but the ones that don’t update are the those with a text field as source type. The info at the device tile itself updates fine, but the widget at my dashboard doesn’t.
> 
> That makes me think the issue isn’t the device capabilities app, but maybe I’m the one doing something wrong here?

[Previous page](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835.md?page=19)

[Next page](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835.md?page=21)