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

This is great app. I wil be looking at it over the next week or so during my trial period with SHS. The WAF is pretty good already with the supplied Dashboard but this would add impetus for more automation (=spending :-))

It already looks like such a nicely finished product! Compliments. Homey should dump their Dashboard solution and pay you bigtime to make this the default

My first try (just fiddling a bit)

It occurs to me that setting a max value for the X-axis still shows the maximum value. I would expect 2500 to be the max and the graph to go out of bounds.

Also, in this setup, how do you setup a graph to show f.e. 6 hours?

And, is there an option to smooth out the graph? Or do I set a large buffersize then? The demo has a graph that seems to be smoothed out.

edit: I think some (or most) of my questions are in the documentation… :slight_smile:

Great app. Your efforts are greatly appreciated. Donation made. Keep up the good work.

1 Like

@HanZ, thanks! Really appreciate it. :folded_hands:

@zakraket: Glad you see it as a finished product already. With all the design freedom available, it’s easy for users to accidentally mess up a widget’s style, so I was a bit worried it might come across as messy.

You’re right. The manual max only raises the ceiling, it doesn’t truncate out of bounds values. I’ll add that to the bug list.
Where does the data come from? the graph supports several formats, from single streamed values (where the number of points equals the buffer size) to complete data arrays. You can check the full list here:

If you’re pulling from Homey Insights using the “Insight” THEN card, you can set the number of datapoints for that period. I currently limit this to 100. I thought that was reasonable, but I could expand it for a smoother graph. My main concern is if users going to send updates every second and creating a massive data stream. You can already configure this for the last 6 hours (the Homey defaults)


Would you prefer a different interval? I also added a “Today” view where future values are just 0. I thought it’d be nice to see my solar energy on a fixed hour-day grid.

There’s no smoothing option right now, but I could probably add one. I’ll stick it on the wishlist!

The homey intervals are fine. I was not aware that I needed flows for this, was just fiddling a bit and read parts of the explanations, sorry!

Another thing that I noticed is that on pagerefresh (F5) I always go back to the demo

Did you use the Save option (only available when “Homey” is selected as data platform)?
If you save the dashboard as “dashboard” to make it the default dashboard. The “Exp” export button is to safe the dashboard locally on your computer (to back it up)


If you want to create multiple dashboards, you can load them with load button, but also access them directly by adding ?dashboard=[dashboardname] to the url (See helpfile for all url options).

1 Like

ah now I get it, tnx :smirking_face:

edit:

I’m using fully browser on my android tab, but it doesn’t show the same; the background of the gauge is set to a dark color (grey) but on Fully it shows white, even when I set it to black on the PC

Also the colorpicker is totally different from Chrome (Windows) when I use it on Android (not that that is such an issue), but it’s the same on Fully Android and Chrome Android

WHen I use the “android colorpicker” and set the gauge to black it still shows white. Other colors from this picker (red, cyan, blue, green, pink, yellow) do show correctly

CHrome Android doesn’t show full screen, that’s why I’m using Fully

I have no idea why black turns out to be white on a android tablet. The color picker is a default control of the operating system. I have not tested the editor on a android tablet. That is really a weird bug. Is this only with the background of the gauge, or is it with every element that can change color?

Yes, it’s the same when I set f.e. the value of the gauge (-531 in the screenshot) to black, it shows white on Android.

I’ve noticed other colors towards greyish color to display different, f.e. I now picked some dark grey, but on Android it’s much lighter, it’s a bit difficult to test, but it seems the “black part” of a color is now white hence all colors are lighter.

It’s not influenced by the dark/light mode on the tab, but it does look like black is inverted to white

First of all: I’m very impressed with this new Dashboard Studio tool! It looks professional, as if it were created by a graphic designer.

One of the first steps is setting the screen resolution. My Samsung Android Tab 8+ has a resolution of 2800*1752. I’m using the free version of Fully Kiosk and trying to set it to this high resolution, but all the dashboard components are larger on my tablet than the resolution set in Dashboard Studio.

How can I set the maximum resolution in Fully Kiosk? Are there better alternatives?

@Amersfoort I had to set initial scale to 100% under Web Zoom and Scaling, I setup my dashboard for the resolution of my tab (Lenove M10 2000x1200)

1 Like

Great work. played a couple of hours so far, huge potential.. did first test with on/off light with dim. the layers behaviour is really a plus… I can also access the dashboard from my samsung tv’s web browser, good to display insights datas…

Donation made

thanks

1 Like

It’s an Android thing. I wrote a html dashboard with CSS styling for my solar system. The data comes from a Raspberry Pi polling the API.
It drove me crazy with some color backgrounds and filling colours not being displayed correctly. I also used Fully Kiosk Browser and suspected the browser to be the culprit, but Chrome showed the same wrong colours. In my desperation I asked ChatGPT and Gemini to help me, but at no avail. I had to rethink the design. Sorry, but Android is a pain for web developers.

Is it possible to group lihts instead of individual lights.

And on the official Homey dashboard i can add a WEB url, like buienradar, is this also possible? And is edditing on mobile also possible/>

okay, but I noticed on my Google Pixel 8 that in Chrome the colors ARE correct. So on ‘default’ Android no problem, but on ‘LG Android’ I do have this issue

@Mark1541 editing on mobile is possible

Two beginner’s questions:

  1. How do I upload PNG images (with transparency) between 1 and 4 MB? I can upload images smaller than 600 KB, but larger files aren’t displayed in the image gallery (no errors).
    I have 900 MB of free storage on my Homey. The PNG files have a maximum compression factor, but they contain a lot of pixels.
    On several jpg files <600kB I don’t see an image preview, but a kind of transparency sign.

  2. I want to design a dashboard with 30 forms/pages (rebuild of existing dashboard). How do I define dropdown menus?

And add a web url like buienradar?

That may be, but I have the problem on a Lenovo tab. Regardless of that, Android itself allows to much different libraries to be mixed up and brand specific customisations. That’s the downside of an open system. On iPad OS or iPhone OS all devices are harmonised and have the same behaviour. This is not an Apple fan post, but a consideration from a programmers side.

@Satoer I think this might be an issue?

I now have a flow, every minute, to send 1 hour insight with resolution 100 to use in a graph

It works, but the graph does not show the same data after a refresh because of details in the data that sometimes fall outside the selection.

This way the graph changes with every update. I think that’s a result of the way this works with your (very clever btw) solution (and the solution would probably be a much higher resolution?)

The spikes are real (heatpump activity), but they will probably appear and disappear ‘randomly’ with every refresh, wildly changing certain graphs instead of just moving them to the left

edit: tested it: when I set the flow to send the data every 5 seconds, the graph changes every 5 seconds, it’s now “flashing”. Setting resolution lower to 30 removes some of the spikes but that’s probably not something you want, and I still get spikes that appear and disappear every 5 sec

edit: example with 15sec refresh, 30 resolution

corresponding insight

I would define a Homey (advanced) flow turning on/off the lights. Please see Homey flow card Dashboard Studio manual.