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

[SunBeech]

@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?

[K3nneth]

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.

[SunBeech]

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

[Zsolt_Hennel]

still doesn’t work

[SunBeech]

@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:

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>

[Zsolt_Hennel]

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

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

[SunBeech]

@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.

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

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

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

[Zsolt_Hennel]

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”

[SunBeech]

@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:

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

[Zsolt_Hennel]

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!

[SunBeech]

You are welcome and good find !

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