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

Hi Satoer,

Nice ! Works perfect !
Thank you.

Regards,
SoPhos

With V2 I dropped editor compatibility for iOS 12. There is really no need to keep supporting it since nobody is using that relic to edit dashboards anyway, so the editor probably will not work properly on it. The viewer, however, should still work without issues. The last test I ran with the demo page on an old iPad Air 2 running iOS 12 worked just fine.

Try loading the dashboard with:
http://[IP]:5050/viewer.html?dashboard=[dashboard name]

Hi Satoer,

perfect, works as a charm. Thanks for your swift response, as always.

Have a nice weekend.

Icube

Hi @Satoer , this problem has been resolved in version 2.0.11. I’ve tested it, and it works perfectly. Thanks again for the effort.

Hello, thanks in advance for the help. I just can’t get it to work. I put the JSON in the grid light widget, and the on - off value in the switch widget! How to make this dynamic is not clear to me, how do I do that!? I’ve only been working with your dashboard for a few weeks, and I’m still learning how everything works.

You have enabled the “turned on” capability for that light, right?
afbeelding
Click “Copy Topic”.
Now head over to your dashboard, select the switch widget, and open the “Action & Behavior” section. Paste this topic into “Output topic”.


(Or you can select it from the dropdown.)
(Make sure the ON value is True, and OFF value is False)
When you test the dashboard by exiting edit mode, you should be able to toggle the light on and off with the switch.

However, if you control your light outside the dashboard (like inside Homey), the switch will not update automatically. To get this working, you need to make the “state” setting dynamic.
In that same section, find the “state” setting and hover your cursor over it to reveal a link icon.


Clicking this icon lets you make any setting dynamic.
Paste that same topic inside it:

Now the switch will reflect the actual light status even when switched outside your dashboard. Give it a test by opening the Homey app on your phone and toggling the light. The switch on your dashboard should update right away.

That is pretty much all there is to it. When you switch the light through the light grid, and you turn the light on or off, the light broadcasts its status back to the dashboard, and the switch flips to the matching position.

Thank you for the detailed explanation, it works well now. A donation is on its way…

Thank you :clinking_beer_mugs: Appreciated :slight_smile:

@Jean_S Thank you as well! :clinking_beer_mugs: :grinning_face:

@Freek6952 Thank you as well! (Just noticed the donation) :clinking_beer_mugs: :clinking_beer_mugs: :clinking_beer_mugs: (getting drunk :rofl:)

It seems the audio function doesn’t work when selecting a menu option from a pull-down menu (v2.0.11). Or am I forgetting to activate an option?

No, that is a bug, but I actually want to change how it works anyway. Right now, every single menu item can have its own sounds, which is total overkill and not user friendly at all. In the next version, I am removing individual audio settings from each menu item and moving them to a shared audio section instead. So do not use it, because it is getting removed :sweat_smile:

Hi, I just noticed something i never actually use (yet?), because it’s only usefull on a computer with a mouse.

In a switch - image only - custom image SVG which is colored by a Homey Variable. Setting & changing the color using a Homey Variable works perfectly. However the ‘hover’ color is only taken into account when the state of the button is ON. When the state is OFF, the hover color is grey. There is no seperate hover color in the OFF state…

Again, I don’t actually use that function, I was just using it to quickly check on a good color to choose, but it didn’t update…

Also, I don’t know if you have (over)looked (into this yet)?

Yes, that has been there since the first version, and I still need to fix it. You are actually the first person who mentioned it, so it was never really high on my fix list :rofl:
I completely forgot about the second one (selecting behind groups), so I will fix that too.

i maked a switch to turn on\off lights. this works but the status is’nt working. its only working when i turn the light on from a different place. what am i doing wrong? im new for this. hope you can help

Please try to change the “State (on/off)” variabele to kookeiland-groep/onoff.

thnx that worked.

Good morning, ran into some ‘new’ issues (for me).

I’m creating a small dashboard showing on which input my receiver is.
I made three image-only-push-buttons that activate a ‘xxx-triggered-flow’ to put the receiver in the right input, works flawless.

Now I also want these buttons to ‘light up’ (change color) when the input is active. This can perfectly be done with the boolean payload mapping setting the right input value as ‘true’.
Only… a push button doesn’t have the ‘state’ field. I changed into toggle switch and now works perfectly.

Once more, not really a problem, it works. Just wanted to know if this is ‘by design’ that a push button shouldn’t be able to show the state?

Also noticed, when you save the dashboard while working on page 3, it always opens in page 3 afterwards…

Also noticed: in Windows 11 - Chrome Label widget can not be resized…

Also noticed: this kind of formula’s don’t work :innocent:

if( value == “net_radio”, “Netradio”, “if( value == “Audio1”, “TV”, “if( value == “Tuner”, “Radio”, “off”)”)”)

A few answers to the best of my knowledge

A push button only starts/activates something, and doesn’t have a state. A switch switches something on or off and therefore does have a state. So I think it is by design.

The value in the Active page parameter in the global Dashboard Environment determines the page to be opened.


That is why I made the parameter variable. When the dashboard starts up, the flow below ensures that page 1 opens. Alternative: before saving the dash, first go to page 1.

When you disable the “Auto width” and/or “Auto height” you can resize a Label

Do not use quotation marks around an “if” statement itself, and be careful with the quotation marks; they must be straight:

if(value == "net_radio", "Netradio", if(value == "Audio1", "TV", if(value == "Tuner", "Radio", "off")))

Thanks for your quick response.

The resizing of the label and the formula without the “” works. I just filled in the “Off” with the formula… Kind of prove I don’t know **** about programming.
Now I just noticed that the left/center/right alignment is not working in the label.
update: alignment does work in Fully Kiosk, but not in Chrome on Windows…
update 2 after closing and re-opening Chrome it does work… strange… considder this issue as solved :wink:

About the “active page”, that actually follows the page you are editing. While your flow will solve this minor issue, maybe there should be an option to select a page ‘on open’ ?

About the switch I understand your way of thinking, but I don’t fully agree on that.
In my mind I compare it to switches in f.i. your house. You can have multiple push buttons (to be able to turn a light on or off from multiple sides of the room) while a ‘state’ light is still available (and updated on every button).

Amersfoort pretty much covered it, but just to add a bit:

Yes, this bugs me as well. Sometimes I make a quick tweak to the demo dashboard, save it, and push it to the Homey App Store, only to realise I accidentally changed the default landing page. The active page is simply stored as a dashboard setting, so navigating to it updates that value (and saves it).

I will fix this though. The upcoming update introduces a setting to automatically return to the home page after an idle timeout, so I will make to that as the default start page as well whenever it is configured.

Indeed, it automatically scales to fit the text by default. Is there a specific reason you would prefer it not to auto-size out of the box? Just curious what your use case is for making the container larger or smaller than the text itself.

As Amersfoort pointed out, that is intended behaviour because a standard push button has no persistent state. One extra tip: you can set up a radio group so only a single button in the group stays active at a time. Take a look at the “selection group” on the demo page.

My neurotic mind wants to specify where exactly it should be. As it’s contents is dynamic (hence the formula) & centered, i like to be in control… It probably works perfectly fine when I let it size itself automatically, but honestly didn’t think about that for one second. Since the existance of the advanced text widget, I have never used labelwidgets anymore. I just needed one now as i wanted to play with the formula, and didn’t see straight away how to integrate that in the text-widget {{ }}…

I understand your way of thinking for the ‘state’ on push buttons. Still don’t fully agree :wink: but it works fine when using a toggle switch, so no issue at all.
I might look into the selection group later. Haven’t used that before, so have to find out how each button can have a different ‘output’ while de state is still defined by a dynamic value.
To be honest, that is a little bit my problem with a toggle switch: if you click/push it, the state is changed on the dashboard studio, even if the action failed…