[APP][Pro] NEW: Dashboard Studio - A completely free-form dashboard designer

[Robin_Schuurman]

Thanks @Amersfoort ,
Nice. I do more or less already the same with the length and position. But it indeed only updates every 15 seconds or so. I was able to that part without HomeyScript. I used the chronograph app to start when a song starts and executes every second until the length of the song. With that I am updating the position of the song.

It would be great if you could share the HomeyScript. Know my way a bit around, but why re-invent the wheel

[Satoer]

# New TEST Update 1.5.0! Menu’s.

Menu’s!

@Hans_Gr , @Amersfoort (and all other’s who requested this, but got too burried in the threat to find them )
Yes, it is finally here: the Menu widget! You can now configure horizontal and vertical menus, and optionally connect them to a button using local topics to create drop-down, drop-up, or slide-sideways menus. You can create single-click menu items, toggle menu items like checkboxes, and even radio menu items.

Take a look at the demo page of the menu widget to see what’s possible

I also took the opportunity to change a few things in the widget settings, specifically the way fonts and icons are configured. It is now a more universal typography and icon slide-out. I am planning to implement it this way in every widget, but for now, only the button and menu widgets use it.

I have created a separate section in the help file how to use it, please read this before any questions.

@Amersfoort

Minor remark: in the widget dropdown the Container option is still on the G position of Group.

Fixed

@Robin_Schuurman

I am experimenting a bit with the logic to refresh an image by adding a random number.
Would it be possible to just add this logic locally to the dashboard?
So in stead of creating a flow in Homey just have an option to refresh the images every x-second/minutes with a no cache option?

Implemented :

It can go as fast as 0.2 sec. Also tried to implement http authentication, but failed.

@Rob_G

A small thing for the bug list: When I create a group that includes an arrow, and that arrow is “nudged” into a few pixels offset, then, duplicating such a group will produce a duplicate with the arrow positioned in the wrong place within that duplicate group.

@Rob_G

It appears that the arrow widget does not respond to “undo”. Even when grouped, the arrow stays in the last position, while the rest of the group move to the previous position. The whole thing stays grouped, though.

Fixed

@Amersfoort

Yes, but I am having some problems with images that are all larger than 1 MB, causing the screen to take several seconds to load with high performance tablet. Are all invisible images loaded during the loading of a page/dashboard, or only when they are made visible?

There is now a preload option:

In the “Dashboard environment” section (previously canvas environment). Please let me know if this improves it.

@Robin_Schuurman

I try to create a menu bar with button to select pages. It goes to the right page and the highlight of the button is working as well, but the highlight of the border (changing opacity) is not working.
It does work when I select Topic only, but with Page + Topic is fails.
I can work around it by using a Homey flow, but rather avoid it.

“Send Off When Turned Off by Group” now works also when the button is set for page navigation

@Amersfoort

each time a dash is loading there is briefly a message “Connection lost”, but the connections are alright (switching between dashes with one page).

Solved on startup

@Rob_G

One extra for the list
I appears that the horizontal alignment for switch labels is not working. It always “centers”

Now works (if text is situated inside the button)

Full changelog

[Rob_G]

@Satoer Thanks for version 1.5. Please note that some things got “garbled” when migrated to 1.5.
Some buttons lost their icons and on those same buttons, the positioning and styling of the label text got lost as well. For some icons, I used a custom image. That also is not showing anymore. The custom image is still in my Image Gallery, but I don’t know it’s name anymore. How can I get this back?

My first idea is that this happened because they were grouped when is was converted to 1.5??

[Satoer]

Oh shit.. I needed to change a couple of things in the button”s save file and I thought I had migrated everything correctly. Please do not save your dashboard file. I shall see if I can improve the migration script.

[Vierlijner]

Is it possible to move around the added lights in the light grid by drag and drop? Now I have to removed the bottom ones and add a new one and then add the old ones.

[Amersfoort]

@Rob_G

For some icons, I used a custom image. That also is not showing anymore

Yes, here too. On a switch I see the text “Switch” and for custom icons, I see the path to the custom icon not the icon itself. Also switch: text sometimes does not fit anymore, but the switch itself looks okay.

EDIT: the setting “Button Label (inside)” is for “Button label case” UPPERCASE and not the earlier setup None.

[Vierlijner]

I tried to use this:

@Satoer

You can already set a button to open an external URL. For something like a rain radar map, you can actually use an image widget with the Buienradar image URL: https://api.buienradar.nl/image/1.0/RadarMapNL?w=720&h=600

But with the url: Mijn Buienradar

I get the error shown in devtools:

And also from the url a set cookie error:

set cookie error didn’t specify a “SameSite” attribute.

I use ? [parameters] for my location and so on. like ?scrolling=no&width=256&height=256&frameborder=no

But when I do this not in dashboard it just works, it loads x times a png image.

Edit: more info: I tried Chrome/ Safari and Edge.

[Satoer]

@Amersfoort

Yes, here too. On a switch I see the text “Switch” and for custom icons, I see the path to the custom icon not the icon itself. Also switch: text sometimes does not fit anymore, but the switch itself looks okay.

@Rob_G

Some buttons lost their icons and on those same buttons, the positioning and styling of the label text got lost as well. For some icons, I used a custom image. That also is not showing anymore. The custom image is still in my Image Gallery, but I don’t know it’s name anymore. How can I get this back?

Guy’s, I’m trying to figure out why some of the buttons did not migrate correctly. I added extra styling options, and in the previous version the button used the container label as the button label, so that has been fixed in 1.5.0. The migration script I moved the container label (of the button) to the button label so all pre-1.5.0 dashboard should look the same. I always test the migration rules on the demo dashboard, and I did not see any problems, not with the text or with custom images. Question: Are the buttons that are not migrated correctly, grouped in your dashboard?
Please do not manually fix your dashboard. I think I might fix the problem in a extra migration rule.

[Satoer]

This is also added in version 1.5.0, but this version is in test right now and some users are reporting migration problems, so I would wait until it is released to the stable release.

(the drag handlebars on the left)

[Amersfoort]

@Satoer

Question: Are the buttons that are not migrated correctly, grouped in your dashboard?

Yes this example has been grouped:

…but these are not grouped:

[Martijn_C]

Hi, I have an issue with using multiple dashboards. I make a dashboard and just save it under a name within Dashboard Studio.

I want to access the different dashboards like this, but I get a totally different dashboard. What am I doing wrong?

http://ip:5050/?dashboard=yv&token=xxxxx

The name as set within the dashboard is YV.

When I load that dashboard in the settings it is the correct dashboard. When I call the URL above it’s some kind of half filled canvas, not the dashboard.

Edit: when calling the url it says the json cannot be found. But saving it within Homey creates the json I guess? I have checked the file manager and the dashboard file is there..

[Satoer]

New TEST version V1.5.2

@Rob_G

hanks for version 1.5. Please note that some things got “garbled” when migrated to 1.5.
Some buttons lost their icons and on those same buttons, the positioning and styling of the label text got lost as well. For some icons, I used a custom image. That also is not showing anymore. The custom image is still in my Image Gallery, but I don’t know it’s name anymore. How can I get this back?

@Amersfoort

Yes, here too. On a switch I see the text “Switch” and for custom icons, I see the path to the custom icon not the icon itself. Also switch: text sometimes does not fit anymore, but the switch itself looks okay.

EDIT: the setting “Button Label (inside)” is for “Button label case” UPPERCASE and not the earlier setup None.

This update fixes these problems. Turns out that grouped buttons did not migrate correctly. Also Dashboards that already migrated to version 1.5.0 should be fixed now.

[Satoer]

Im sorry Ronald, But you are trying to load a whole iframe inside a image widget. The image widget only supports images. So this is not possible.

Possible solution:
You could use my url ( https://api.buienradar.nl/image/1.0/RadarMapNL)
And zoom in on the picture to your location manually:

There is also a new “Enable Live Refresh” option in the Image widget (added in Test release 1.5.0). If you set this to 5 minutes the image is always up to date.

[Satoer]

@Martijn_C

Hi, I have an issue with using multiple dashboards. I make a dashboard and just save it under a name within Dashboard Studio.

I want to access the different dashboards like this, but I get a totally different dashboard. What am I doing wrong?

http://ip:5050/?dashboard=yv&token=xxxxx

The name as set within the dashboard is YV.

URL’s are Case sensitive. So YV is something different then yv
If you saved it as YV with capitals, can you try to load:
http://ip:5050/?dashboard=YV&token=xxxxx ?

[Martijn_C]

Hi, I did that. No luck. It can’t find the dashboard, which should be there.

[Satoer]

I am not able to recreate the problem over here. I have enabled the security token. created a dashboard. Saved it inside homey (Use the “Save to Homey” button not the “Export Dashboard” button) as “YV” (with capitals) Then went to url:
http://[IP]:5050/?dashboard=YV&token=XXXXX
And it showed the Dashboard just fine
What kind of Homey are you running? What browser are you using? Have you tried other browsers? Does the problem also happens when you disable the security token?

[Martijn_C]

Thanks. Alright I have figured it out.

On the one hand my dashboard was unrecognizable because of recent app-updates. That’s why I thought it was a different dashboard. Recent updates broke things. Although in the editor it seemed fine.

Another thing is that (here) dashboards with capitals don’t work in the url. When I save the other dashboard as yv and call the url it works.

[Satoer]

Hmm, I did a few more tests and none of the older dashboards are showing any issues. Even when using the URL method to load them, the dashboards seem to go through the migration process just fine. Do you see a migration message when you use the URL method on an old dashboard?

Also, capitals are working perfectly on my end, provided the capitalization matches the source file. To help me narrow this down, what browser and computer are you using, and which version of Homey do you have?

[Amersfoort]

Quick question about Menu widget: how to activate icons related to a menu item.
Even importing the demo dash on my own Homey, I can see the icon, but icon changes don’t seem to have any effect…

EDIT: In a menu item selecting Custom image as an icon won’t change the icon name field. When I define a switch and select “Custom image” as an icon source, the next field changing into Image Url instead of “Icon name”. Both kind of icons don’t show up in a menu.

[Satoer]

Crap, I broke something when I implemented the same icon dropdown into the button widget. I did not check the menu widget again. Thanks. I shall solve this.