# \[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:** 19

<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:** [June 19, 2025, 7:45pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/364 "2025-06-19T19:45:50Z")

</div>

Sorry, I don’t understand, could you explain a bit more?

---

<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:** [June 19, 2025, 8:05pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/365 "2025-06-19T20:05:14Z")

</div>

![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/a/3/a36c3f3c1ad0ba812fffb10494c6d7b8b713728f.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:** [June 19, 2025, 8:12pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/366 "2025-06-19T20:12:18Z")

</div>

Ah, I see. I don’t think I have any control over the width as that’s set by Athom.

---

<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:** [June 19, 2025, 8:15pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/367 "2025-06-19T20:15:26Z")

</div>

But how some app can do that?  
Like this?

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

---

<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:** [June 19, 2025, 8:18pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/368 "2025-06-19T20:18:47Z")

</div>

Are they the built-in ones provided by Athom?

---

<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:** [June 19, 2025, 8:18pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/369 "2025-06-19T20:18:54Z")

</div>

Within a single status widget you could create an HTML-table that consists of three columns. Each of which can contain a different image. However, in the end, the width of that widget is limited to to the column width of the dashboard.

Also, I am not sure that it is possible to create clickable images that trigger an action.

Finally: If I am correct, I see that you are referring to images uploaded via the Gallery app. You might want to check my earlier post on referencing images in the Galley app. Your current reference will most likely not work anymore after a restart of your Homey.

> [@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…

---

<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:** [June 19, 2025, 8:22pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/370 "2025-06-19T20:22:12Z")

</div>

Yes those are part of the standard ones. It’s their Sensors widget.

 ![IMG_1948](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/c/f/cf51a954d32f401ed74d0b2ddab389aee06b514e.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:** [June 19, 2025, 8:23pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/371 "2025-06-19T20:23:28Z")

</div>

Athom have their own rules and their widgets are native to the Homey app.

---

<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:** [June 19, 2025, 8:23pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/372 "2025-06-19T20:23:35Z")

</div>

Thanks,  
But with a table containing 3 images is it possible to trigger click on each image?

---

<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:** [June 19, 2025, 8:25pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/373 "2025-06-19T20:25:18Z")

</div>

> [@Matthieu\_Fiasse](#):
>
> But with a table containing 3 images is it possible to trigger click on each image?

I don’t think so. @Adrian_Rockall: do you know?

---

<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:** [June 19, 2025, 8:28pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/374 "2025-06-19T20:28:37Z")

</div>

Not with the current implementation. I will ponder upon it, but not sure how I can do that yet.

---

<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:** [June 19, 2025, 8:29pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/375 "2025-06-19T20:29:16Z")

</div>

Thanks a lot!

---

<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:** [June 20, 2025, 7:24am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/376 "2025-06-20T07:24:55Z")

</div>

New test version in the store.

I have added a new event option to trigger user object clicks. So in the HTML that you pass in, add an onClick attribute to the objects as follows:

`<img id="imag1" src="ok.png" " onClick="onObjectClick('OK');"> <img id="imag2" src="cancel.png" onClick="onObjectClick('CANCEL');">`

The ‘onObjectClick’ has to be exactly as shown so that it calls the correct function.  
The ‘OK’ / ‘CANCEL’ can be any text you like and is passed into the Flow as a token so you and use that in the AND section to decide what object was clicked.

---

<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:** [June 20, 2025, 8:51am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/378 "2025-06-20T08:51:26Z")

</div>

> [@Adrian\_Rockall](#):
>
> \<img id=“imag1” src=“ok.png” " onClick=“onObjectClick(‘OK’);”\> ![]()

I Found, It’s working very Well!!!  
Amaizing 😃

---

<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:** [June 20, 2025, 11:43am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/379 "2025-06-20T11:43:56Z")

</div>

Can you post examples how you do this ?

---

<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:** [June 20, 2025, 11:59am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/380 "2025-06-20T11:59:02Z")

</div>

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

---

<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:** [July 31, 2025, 7:41pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/381 "2025-07-31T19:41:07Z")

</div>

Hey!

I tried to replicate this status on my dashboard, but for whatever reason the start of the text in the title doesn’t align with the text on the row below…

 ![Skärmavbild 2025-07-31 kl. 21.35.46](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/b/e/be5b43e719039f78e85b6d373e39c3dde1c878dc.png)

 ![Skärmavbild 2025-07-31 kl. 21.36.01](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/e/7/e7e87c8ee36d67b5d7b763bbd7ee3218a3d20c4b.png)

 ![Skärmavbild 2025-07-31 kl. 21.40.29](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/e/4/e423bebaa6e7fea5cd8578ddd6f754abe8314bd6.png)

Any idea? There’s no spaces anywhere in the text.

Thank you in advance!

---

<div class="post-metadata">

**Author:** ![Bud\_M](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/bud_m/32/97809_2.png) [@Bud\_M](https://community.homey.app/u/Bud_M)\
**Post date:** [August 1, 2025, 2:52am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/382 "2025-08-01T02:52:06Z")

</div>

I believe that’s a question for the developer, Adrian. You could just put a space in front of the word “ Kameror“ to line up with the title text.

---

<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 2, 2025, 8:32am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/383 "2025-08-02T08:32:42Z")

</div>

I have published a new test version that has options for specifying the margins of the tile and status text area, plus an alignment option for the tile.

The previous versions had a 5 pixel offset for the status text to indent it.

---

<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 2, 2025, 12:44pm UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/384 "2025-08-02T12:44:12Z")

</div>

This works great @Adrian_Rockall! It allows me to use the full width of the status widget content box. Before I had to limit the width of included HTML tables to 97%.

 ![IMG_2046](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/1/91525c0e530f078cc967533134083830e86d40eb.jpeg)

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

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