# \[How-To\] \[Pro\] Create a dashboard widget with favorite radio or TV stations

**URL:** <https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632>\
**Category:** Tutorials\
**Tags:** homey-pro\
**Created:** [January 5, 2026, 7:50pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632 "2026-01-05T19:50:09Z")\
**Posts on this page:** 18\
**Page:** 2

<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:** [February 3, 2026, 3:18pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/21 "2026-02-03T15:18:30Z")

</div>

> [@Zsolt\_Hennel](#):
>
> Your tutorial saying “Image location in the Gallery app (relative to your Homey’s address)” what does it mean?

The table in the instruction actually indicates what te value of the IMG Location variable should be 😊: `/app/com.athom.gallery/userdata/`

By relative I mean that Homey will put its own address in front of that location, which results in the full path, something like:

- `https://X-X-X-X.homey.homeylocal.com/app/com.athom.gallery/userdata/`
- `https://homey-YOUR_HOMEY_ID.local/app/com.athom.gallery/userdata/`

Just make sure that the IMG Location contains only the relative part as indicated.

If it still does not work, could you please post screenshots of your flows and the contents of the variables, so I can read along?

---

<div class="post-metadata">

**Author:** ![K3nneth](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/k3nneth/32/79106_2.png) [@K3nneth](https://community.homey.app/u/K3nneth)\
**Post date:** [February 5, 2026, 11:09pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/22 "2026-02-05T23:09:19Z")

</div>

Very very nice SunBeech, thanks for the nice tutorial.

You did though, also put me in a rabbithole of time consuming as I wanted to use this for planning charging of my EV. And I wanted to get some feedback when I clicked a button/icon so I knew it was activated. This made me build in two or three pictures for each ikon with different colors. Took some time, but I’m pretty happy with the result.

 ![Screenshot_2026-02-06-00-05-39-57_4bbfc4a7dd885a2bb189f300112a7ed4](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/7/4/74d7b17907ccf83f66cd2070b1a5afd5174c57a7.jpeg)

 ![Screenshot_2026-02-05-23-46-40-30_4bbfc4a7dd885a2bb189f300112a7ed4](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/a/8/a89e9f6c7ff5bdbd0edae8ff5657cd403bab8b15.jpeg)

 ![Screenshot_2026-02-05-23-46-00-15_4bbfc4a7dd885a2bb189f300112a7ed4](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/d/2/d25dc47c2c43e72efa95f4b30c272671caab665a.jpeg)

---

<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:** [February 6, 2026, 8:55am UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/23 "2026-02-06T08:55:25Z")

</div>

Glad that the tutorial was useful to you and you were able to add some extra features 😀 👍.

---

<div class="post-metadata">

**Author:** ![Zsolt\_Hennel](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/zsolt_hennel/32/138498_2.png) [@Zsolt\_Hennel](https://community.homey.app/u/Zsolt_Hennel)\
**Post date:** [February 6, 2026, 8:49pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/24 "2026-02-06T20:49:55Z")

</div>

still doesn’t work ☹

 ![flow 1](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/0/5/052d571414aa36b00ffb36921bb9357f970969ff.png)

 ![flow 2](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/f/9/f9614843050c6a57f4e42cf995b42378f1522b53.png)

 ![image location](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/5/7/57d95d87eda08293d559e16ed18d14dbb20b27fa.png)

 ![image id](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/5/0/5020ce033fc149e5eec9fc41875078bb3e057c91.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:** [February 6, 2026, 9:09pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/25 "2026-02-06T21:09:13Z")

</div>

@Zsolt_Hennel: The value of your Image.Location variable is incorrect. It should be: `/app/com.athom.gallery/userdata/`

Further, you are missing a space between `"pictStation"` and `src"` in the following card:

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

Also, the table expects four cells, but you only defined one (for the Netflix icon).  
You either need to reduce the number of columns in the `colgroup` definition to one, or add three empty cells.

In case of the former, the card with the colgroup definition would become:

`Set EDW.HTML.Body to EDW.HTML.Body<colgroup><col style="width:100%;"></colgroup>`

But, I assume you want to add additional icons, so you want the latter option and add the empty cells. After the Netflix-card you need to insert three the same cards that set the empty cells:

`Set EDW.HTML.Body to EDW.HTML.Body<td></td>`

---

<div class="post-metadata">

**Author:** ![Zsolt\_Hennel](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/zsolt_hennel/32/138498_2.png) [@Zsolt\_Hennel](https://community.homey.app/u/Zsolt_Hennel)\
**Post date:** [February 6, 2026, 10:03pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/26 "2026-02-06T22:03:07Z")

</div>

thanks for your time, but still the same “undefined”

made all correction requested, restarted the involved apps and homey itself too

---

<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:** [February 6, 2026, 10:06pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/27 "2026-02-06T22:06:01Z")

</div>

@Zsolt_Hennel: I spotted some additional errors (sorry that I did not see them before):

**The Style flow**

This flowcards is missing the EDW.HTML.Style variable tag.

 ![IMG_2453](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/3/8/38804865a40e7f36fc95e90dc8885422f274c248.jpeg)

It should read:  
`SET EDW.HTML.Style to EDW.HTML.Style</style>`

**The HTML flow**  
The following flowcards are missing the variable tag:

 ![IMG_2454](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/3/f/3f1aae9afe6e62ca199f0339a87e142b28ff6d9b.jpeg)  
 ![IMG_2455](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/f/d/fdbb1fffac81e9179256f4e6f20b1d4fbe2c66fa.jpeg)  
 ![IMG_2456](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/c/7/c772a67515052f83a3c2436272bf0632faf6b93d.jpeg)

All these need to include the EDW.HTML.BODY variable tag.  
So e.g. `Set EDW.HTML.BODY to EDW.HTML.BODY</tr>`

---

<div class="post-metadata">

**Author:** ![Zsolt\_Hennel](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/zsolt_hennel/32/138498_2.png) [@Zsolt\_Hennel](https://community.homey.app/u/Zsolt_Hennel)\
**Post date:** [February 6, 2026, 10:35pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/28 "2026-02-06T22:35:14Z")

</div>

![Screenshot 2026-02-06 233102](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/e/6/e68be03691c622cc96737c7589087bf3fa8a33a1.png)

 ![widget settings](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/7/f/7f33f74628a3fa4ff7daa620f3fbfc48ac2a4fd3.png)

 ![Screenshot 2026-02-06 232949](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/d/5/d5b18152a50ccf57e3142b388ad3b9654e794fdf.png)

better, but i still need sth to correct. the netflix picture is already shown in the widget and in case of on object click, the desired flow is executed, but in the first line there is still “undefined”

---

<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:** [February 6, 2026, 10:54pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/29 "2026-02-06T22:54:55Z")

</div>

@Zsolt_Hennel: I am currently not seeing the issue, but normally the undefined message is caused by a typo or missing (double) quote, that renders part of the HTML code invalid. I’ll check again tomorrow.

Unrelated to the error: it is best to set the following widget setting to 0 in order to get the maximum space available in the widget:

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

EDIT - Try if removing this space resolves the undefined error:

 ![IMG_2458](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/7/f/7f1940e4b902e8a84a441f3e8b57c21ad12036b2.jpeg)

---

<div class="post-metadata">

**Author:** ![Zsolt\_Hennel](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/zsolt_hennel/32/138498_2.png) [@Zsolt\_Hennel](https://community.homey.app/u/Zsolt_Hennel)\
**Post date:** [February 7, 2026, 2:03pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/30 "2026-02-07T14:03:23Z")

</div>

problem solved 😀

The “undefined” issue came from the EDW itself. When I provided any title in the widget, run the flow, and than delete the title, the “undefined” disappeared. Seems it can not leave blank initially. Thanks a lot again for your kind support!

 ![Screenshot 2026-02-07 144818](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/a/3/a365224593693fd77c10ed3278b173648ad14444.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:** [February 7, 2026, 8:51pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/31 "2026-02-07T20:51:53Z")

</div>

You are welcome and good find 😀!

I cannot recall that I ever had to fill in something in that field.

---

<div class="post-metadata">

**Author:** ![Martijn\_H](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/martijn_h/32/121194_2.png) [@Martijn\_H](https://community.homey.app/u/Martijn_H)\
**Post date:** [March 10, 2026, 4:25pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/32 "2026-03-10T16:25:08Z")

</div>

Hi all, especially SunBeech,

I really like this widget idea. I tried to recreate it with the help of your tutorial and the responses in the forum, but my widget is still empty. @SunBeech or anyone else, do you see what the problem might be? I’ve added screenshots of the flows below.

Thank you in advance.

 ![Scherm­afbeelding 2026-03-10 om 17.19.44](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/d/9/d90805bc03b5627bcf71e7bc255750b608756ca4.jpeg)

---

<div class="post-metadata">

**Author:** ![Martijn\_H](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/martijn_h/32/121194_2.png) [@Martijn\_H](https://community.homey.app/u/Martijn_H)\
**Post date:** [March 10, 2026, 4:26pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/33 "2026-03-10T16:26:39Z")

</div>

![Scherm­afbeelding 2026-03-10 om 17.14.36](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/f/1f5714de2338acb6be47a7e2d722b22007951d1f.png)

---

<div class="post-metadata">

**Author:** ![Martijn\_H](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/martijn_h/32/121194_2.png) [@Martijn\_H](https://community.homey.app/u/Martijn_H)\
**Post date:** [March 10, 2026, 4:28pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/34 "2026-03-10T16:28:02Z")

</div>

![Scherm­afbeelding 2026-03-10 om 17.17.05](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/9/491ee7b786e990d4fc0164c4e6c8222fa603a739.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:** [March 10, 2026, 4:35pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/35 "2026-03-10T16:35:13Z")

</div>

Start by changing `imgclass` to `img class` (so with a space in between) in all the relevant cards 😀.

---

<div class="post-metadata">

**Author:** ![Martijn\_H](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/martijn_h/32/121194_2.png) [@Martijn\_H](https://community.homey.app/u/Martijn_H)\
**Post date:** [March 10, 2026, 4:50pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/36 "2026-03-10T16:50:47Z")

</div>

Great. That did the trick. Thank you so much!!!

---

<div class="post-metadata">

**Author:** ![FrankyP](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/frankyp/32/9816_2.png) [@FrankyP](https://community.homey.app/u/FrankyP)\
**Post date:** [May 13, 2026, 8:06pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/37 "2026-05-13T20:06:39Z")

</div>

Thanks for the detailed tutorial @SunBeech It took me a couple of hours to figure it out, but it works. I’m pleased with 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:** [May 13, 2026, 8:48pm UTC](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632/38 "2026-05-13T20:48:08Z")

</div>

Great to hear! And yes, the instruction is quite specific, but there is some logic behind it 😊.

[Previous page](https://community.homey.app/t/how-to-pro-create-a-dashboard-widget-with-favorite-radio-or-tv-stations/148632.md?page=1)
