# \[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:** 1\
**Showing post:** 257

<div class="post-metadata">

**Author:** ![Cuprani](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/cuprani/32/3575_2.png) [@Cuprani](https://community.homey.app/u/Cuprani)\
**Post date:** [December 23, 2024, 11:04am UTC](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835/257 "2024-12-23T11:04:20Z")

</div>

First of all a big thanks to Adrian, making this possible! 🤗

This is a part of the advanced flow, for 10 tables, of which 5 headers that change uppon a situation.

 ![AFlowDB](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/5/3/5371a464b51eb28143a3f26db69fb5abf9a93788.jpeg)

I implemented an image (png transparant image of 100x100 pixels) that I have loaded with the Homey Gallery App to the Homey Pro.

In [developer tools](https://tools.developer.homey.app/) you can overview all your images, and find the correct reference link to use in your HTML code for reference. I have put the image in a table as it is easier to correctly align an place it where you want to.

 ![AFlowDB-img](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/7/8/7818011fd7095890fb179b1576ae7b6111e6ea52.jpeg)

The table is created with the simple HTML table code.  
\< table \> to start a table  
\< tr \> to start a row  
\< td \> for data (or you can use \< th \> for a header.  
And then to close  
\< /td \> \< /tr \> and \< /table \>

Further I used spaces to create empty columns for better layout.  
You can do so by adding " & emsp ;" for a bigger space, of " & ensp ; " for a smaller space.

Also you can use \< big \> for a larger font size and \< b \> \< i \> \< u \> for other layout options (just google HTML and you can find a lot 😉 )

Finally you can include value’s from your homey or logic variables by using the normal input label in your flow creator.

 ![AFlowDB-Var](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/c/c/ccd341e3320bf3fc8fc04db1b39d5ceb40cf2cbc.jpeg)

Then you end up with something like this above.

I now have a time based update every 5 minutes, but I am struggling to update the actual dashboard. I have read in the above comments that I am not the only one. So somehow it will only update the data when refreshing the complete dashboard, and then trigger a manual update on the flow cards. Would be great if it could be solved to update in the background as well.

---

_[View the full topic](https://community.homey.app/t/app-pro-enhanced-device-widgets-live-1-1-29-test-1-1-30/117835)._