# \[APP\]\[Pro\] Dashboards

**URL:** <https://community.homey.app/t/app-pro-dashboards/84837>\
**Category:** Apps\
**Tags:** app, dashboard, homey-pro\
**Created:** [July 18, 2023, 7:45pm UTC](https://community.homey.app/t/app-pro-dashboards/84837 "2023-07-18T19:45:18Z")\
**Posts on this page:** 20\
**Page:** 59

<div class="post-metadata">

**Author:** ![Twan\_Veugelers](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/twan_veugelers/32/129333_2.png) [@Twan\_Veugelers](https://community.homey.app/u/Twan_Veugelers)\
**Post date:** [May 22, 2025, 3:33pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/1179 "2025-05-22T15:33:52Z")

</div>

@Theo_de_Koning,  
from your screenshot, you have to hit the ‘+ Add’ button in the middle.  
Then add for example a ‘toggle’.  
Now you will see that toggle in the sections, and probably with blue lines around it.  
You will also see in the breadcrumb trail the following, \>Dashboard \>Sections \>Toggle.  
Now hit the \>Toggle in the breadcrumb, and you can configure that particular Toggle.

Does it make a little more sense now?

---

<div class="post-metadata">

**Author:** ![Theo\_de\_Koning](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/theo_de_koning/32/136062_2.png) [@Theo\_de\_Koning](https://community.homey.app/u/Theo_de_Koning)\
**Post date:** [May 22, 2025, 4:43pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/1180 "2025-05-22T16:43:28Z")

</div>

🤐

---

<div class="post-metadata">

**Author:** ![zakraket](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/zakraket/32/17470_2.png) [@zakraket](https://community.homey.app/u/zakraket)\
**Post date:** [May 22, 2025, 5:56pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/1181 "2025-05-22T17:56:00Z")

</div>

I’m still at moments suffering from the login page bug (or whatever it is)

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/d/3/d3a762df8f498c7b69d7be1c324cb3abda0cf99e.png)  
Login button does not respond and I can’t get into the dashboard.

---

<div class="post-metadata">

**Author:** ![m.plo.b](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/m.plo.b/32/73259_2.png) [@m.plo.b](https://community.homey.app/u/m.plo.b)\
**Post date:** [May 22, 2025, 6:21pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/1182 "2025-05-22T18:21:11Z")

</div>

some more positive feedback and example for v1.2.0

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/0/905f83a8634fc28373748fe688e2726b9a90f9d0.png)

using a dialog on e.g. the “Temperature” field: I open a more detailed view of the temperature history:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/7/3/738cb64b7331f6bd20b082412ca6fee81d52020e.png)

And I use this opprtunity to write some “change requests / wishes” (@skogsaas hope you do not mind 😅 - but so slowly I find in promising and appreciate the latest changes!)

- for insights: deletion of multiple graphs with trashbin does not work
- for insights: reordering of multiple graphs is not possible
- independent styling (color, background color, size, style (bold/italic)) of icon, label, value - for each item where applicable (use case: via Switch widget: show capability in different colors based on some state of (even other) values, e.g. show battery percentage red if \<15%)
- mark widget “read-only”, e.g. only show a switch/slider state, but prevent the changing of values - this could be also useful for Dialogs (show values read-only, and allow changes only by opening the dialog)
- configuration (on dashboard overview level) to hide burger menu in dashboard itself and/or to set dashboard read-only (thus possible to pass dashboard URL to e.g. family members without giving them the chance to “easily” edit the dashboard)
- list of dashboards cannot be reordered
- Text widget: converted dashboard contains Text widgets, but new dashboards don’t allow to add Text widgets - do I miss anything?
- Dialog widget: allow to close them with Esc key
- Dashboard widget: allow to choose alignment (left, center, right) - center is not always a good option
- quirky behaviour when still in Edit Mode: when switching dashboard via menu, nothing happens (although it seems to register the change, because after F5 the newly selected dashboard loads)

---

<div class="post-metadata">

**Author:** ![Theo\_de\_Koning](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/theo_de_koning/32/136062_2.png) [@Theo\_de\_Koning](https://community.homey.app/u/Theo_de_Koning)\
**Post date:** [May 22, 2025, 7:01pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/1183 "2025-05-22T19:01:29Z")

</div>

🤐

---

<div class="post-metadata">

**Author:** ![skogsaas](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/skogsaas/32/87995_2.png) [@skogsaas](https://community.homey.app/u/skogsaas)\
**Post date:** [May 22, 2025, 8:09pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/1184 "2025-05-22T20:09:50Z")

</div>

> [@m.plo.b](#):
>
> I still tried to replicate my problem I already reported in last version about adding color stops to insights, and problem still persists. As soon as this happens, nothing works anymore.

Fixed, I think 🤷  
**Just released 1.2.1 into production.**

> [@m.plo.b](#):
>
> And I use this opprtunity to write some “change requests / wishes” (@skogsaas hope you do not mind 😅 - but so slowly I find in promising and appreciate the latest changes!)

Wow! I must say, that’s what I call a proper list of feedback! 🙌  
What’s your day job, developer?  
I have a todo-list locally, just copied everything you just listed into it 😉

> [@Theo\_de\_Koning](#):
>
> Or is the learning-curve became that high that 70+ not can’t follow?

I will work towards making everything simpler, but right now I do agree with you; the learning curve is probably way to high 😅

---

<div class="post-metadata">

**Author:** ![m.plo.b](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/m.plo.b/32/73259_2.png) [@m.plo.b](https://community.homey.app/u/m.plo.b)\
**Post date:** [May 22, 2025, 8:12pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/1185 "2025-05-22T20:12:09Z")

</div>

@skogsaas  
yes … in software engineering since ages … mostly developer all the time, but also more and more into project management since 5 years … so yes, familiar with many things here somehow (although my focus is on backend side)

color stop fix confirmed.

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/e/9e59f3ee537c9e8f6d0ee1660c6164edd60ed292.png)

---

<div class="post-metadata">

**Author:** ![Twan\_Veugelers](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/twan_veugelers/32/129333_2.png) [@Twan\_Veugelers](https://community.homey.app/u/Twan_Veugelers)\
**Post date:** [May 23, 2025, 4:21am UTC](https://community.homey.app/t/app-pro-dashboards/84837/1186 "2025-05-23T04:21:46Z")

</div>

@skogsaas

Did you notice this?  
It never appeared on the list of ‘new’ apps.

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

---

<div class="post-metadata">

**Author:** ![Twan\_Veugelers](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/twan_veugelers/32/129333_2.png) [@Twan\_Veugelers](https://community.homey.app/u/Twan_Veugelers)\
**Post date:** [May 23, 2025, 4:23am UTC](https://community.homey.app/t/app-pro-dashboards/84837/1187 "2025-05-23T04:23:13Z")

</div>

@Theo_de_Koning

I will try to write or record a small document for you to at least get started again.

---

<div class="post-metadata">

**Author:** ![m.plo.b](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/m.plo.b/32/73259_2.png) [@m.plo.b](https://community.homey.app/u/m.plo.b)\
**Post date:** [May 23, 2025, 10:53am UTC](https://community.homey.app/t/app-pro-dashboards/84837/1188 "2025-05-23T10:53:52Z")

</div>

@skogsaas  
Something does not really work with the switches. I try to setup a separate section, that only show alert conditions (told you about that already 😅):

- if some capability has a certain value (e.g. door locked = false)
- show dialog widget with sensor widget within (dialog in order to open a dialog later to change some setting later, e.g. lock the door by toggle)

so this looks like this while editing:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/c/6/c66005cfa0f10ba1cb8e775562dc767eafc31e42.png)

but after I navigate away, it looses the properties (label messed up, icon gone):

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/8/6/86170998f496b108e9a0a7adf0ef41c2d9ce1356.png)  
 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/a/5/a5db9fdff08cdc149a1e80e7f0dfc7cd1c1af8ee.png)

---

<div class="post-metadata">

**Author:** ![Twan\_Veugelers](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/twan_veugelers/32/129333_2.png) [@Twan\_Veugelers](https://community.homey.app/u/Twan_Veugelers)\
**Post date:** [May 23, 2025, 2:59pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/1189 "2025-05-23T14:59:47Z")

</div>

@Theo_de_Koning

This small guide post is to at least help you along.  
I assume, you did the following already.

- On your Homey, added a Dashboards Device
- For the communication setup the API key
- On the github link create an actual dashboard

When you did all that, you will end up with something like this:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/d/1de50cb5de9ce5a21f0efe0962ae9c8669769e4a.png)

Now press the Add button in the middle bottom, and select Section.

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/6/7/679072e8a6e5020f37140b189dc53a1badc2d2a2.png)

Then press, the Sections link indicated with the green arrow above, and you end up with this:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/8/1/8175e390d17353bc6db3aa1257f09031351a3561.png)

Again press the Add button, and select a Toggle:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/f/e/fe1743014e83cd5d3fb92e4c257af081b0af3588.png)

Now you see that the Toggle has been added on the section, hit the link indicated by the green arrow.

Now you see the breadcrumb path has been extended to include \> Dashboard \> Sections \> Toggle

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/a/1a05f595118e2acc23971a8625a10b3d8d019dbf.png)

Now hit the Toggle link on the breadcrumb:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/7/c/7c93ed18f44cd55590a48b3d3c221a8bf0c22f89.png)

Now you can configure the actual Toggle:  
Find the Item/Device:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/0/2/02d6fae04685c8b5cc283ea90ddad8f7550460a5.png)

Fill out the Label and add an icon:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/b/6/b643f9233b08786109ff7103e4ad8e1f02925252.png)

Click somewhere on the dashboard itself, and press save:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/a/b/ab083ebd9c3e38afcfd279103a5b91e64be2cc16.png)  
Select the dashboard device you want to store you dashboard on.

That should be it.  
Now you can edit your dashboard like you want.  
Clicking an item, the breadcrumb path will change, and using the breadcrumb item you can configure it.  
So if you click on the Toggle on the dashboard, the breadcrumb path will show \>Dashboard \> Sections \> Toggle, you can now configure one of the three, from the breadcrumb path.

I hope it makes some sense now.

---

<div class="post-metadata">

**Author:** ![Theo\_de\_Koning](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/theo_de_koning/32/136062_2.png) [@Theo\_de\_Koning](https://community.homey.app/u/Theo_de_Koning)\
**Post date:** [May 23, 2025, 4:15pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/1190 "2025-05-23T16:15:25Z")

</div>

Delete

---

<div class="post-metadata">

**Author:** ![m.plo.b](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/m.plo.b/32/73259_2.png) [@m.plo.b](https://community.homey.app/u/m.plo.b)\
**Post date:** [May 23, 2025, 5:51pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/1191 "2025-05-23T17:51:10Z")

</div>

Back with my showcases (v1.2.1) … really start to like it … how it looks and behaves …

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/4/143347b9ae3fdcb1329804475acbcb4d2f9c99b9.png)

Using Dialog Widgets on items to open more details:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/9/19ca1e1f67044b5a300123d667fcf7801028e332.png)

Or using Dialog Widgets to edit settings (e.g. in normal dashboard only shown a sensor value, but not editable, by clicking on the item, dialog opens to modify values):

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/b/7/b7f518dda75738a7ce4afa10ce9b93e6200fd1f5.png)

And of course @skogsaas I provide you with some more observations 🤣

- add new widget “Separator line”
- colors with color stops: colors not always right (hard to say why, but it already was a problem in the old version too) - see image below
- freeze the editing elements (icons and hierarchy path) when scrolling the dashboard while editing. otherwise it get’s difficult to edit elements that are too far down on the page/screen … or add an “Edit” context menu to each element, so that one can open the properties directly from the element instead of having to select the item on the hierarchy path on top
- no way to cancel edit mode. one can switch between view (read/only) or edit mode, or save - but not cancel.
- white space around modal dialog widget windows is too big in my view (maybe make it configurable in the dialog widget propertied)
- and as mentioned in my previous post: the thing with the switched really caused me troubles

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/9/1907096030b4d7a6e9c9599a49f8f42e256a452c.png)  
color stop at 0 °C (base color is blue, threshold at 0 °C with red color) … so negative temperatures should be blue, positive temperatures red … this works well in the main dashboard (see first image in this post), but same logic does _not_ work at another place … very strange

Keep on with this good work !!! (really spent many hours with it now … basically it seems stable now, but still has some usability glitches … see above).

---

<div class="post-metadata">

**Author:** ![skogsaas](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/skogsaas/32/87995_2.png) [@skogsaas](https://community.homey.app/u/skogsaas)\
**Post date:** [May 23, 2025, 6:42pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/1192 "2025-05-23T18:42:11Z")

</div>

> [@Twan\_Veugelers](#):
>
> Did you notice this?  
> It never appeared on the list of ‘new’ apps.

After releasing v1.0.0 I asked Athom to make the app public for the first time. So it now lists if you search for it, and it typically is listed on the front-page under “newly updated apps” (or whatever that section is called) 👍

> [@Twan\_Veugelers](#):
>
> This small guide post is to at least help you along.

You are awesome! 🙌

> [@m.plo.b](#):
>
> Back with my showcases (v1.2.1) … really start to like it … how it looks and behaves …

I love to see what you’re managing to create!  
It looks way better than my main dashboard 🤩

And as always, I’ll make a copy of your list of observations! 😂

---

<div class="post-metadata">

**Author:** ![skogsaas](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/skogsaas/32/87995_2.png) [@skogsaas](https://community.homey.app/u/skogsaas)\
**Post date:** [May 23, 2025, 7:10pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/1193 "2025-05-23T19:10:40Z")

</div>

# v1.3.0 now in TEST

> [@m.plo.b](#):
>
> - mark widget “read-only”, e.g. only show a switch/slider state, but prevent the changing of values - this could be also useful for Dialogs (show values read-only, and allow changes only by opening the dialog)

Added a new widget under the “Logic” category; `Readonly`. This widget just disables all child widgets added to it. Enjoy 😉

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/f/5/f5ac971a04532d066b90ca928a7eca8756f438f2.png)

---

<div class="post-metadata">

**Author:** ![m.plo.b](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/m.plo.b/32/73259_2.png) [@m.plo.b](https://community.homey.app/u/m.plo.b)\
**Post date:** [May 23, 2025, 8:08pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/1194 "2025-05-23T20:08:45Z")

</div>

works as intended 🥰  
(was initially thinking about some widget properties, but this is also a nice approach!)

---

<div class="post-metadata">

**Author:** ![skogsaas](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/skogsaas/32/87995_2.png) [@skogsaas](https://community.homey.app/u/skogsaas)\
**Post date:** [May 24, 2025, 11:44am UTC](https://community.homey.app/t/app-pro-dashboards/84837/1195 "2025-05-24T11:44:52Z")

</div>

# v1.3.0 released to production

Added a new widget under the “Logic” category; `Readonly` . This widget just disables all child widgets added to it.

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/f/5/f5ac971a04532d066b90ca928a7eca8756f438f2.png)

# v1.4.0 released to testing

Added new widget pushing the concept of “readonly widgets” further. The new widget `Secured` under the “Logics” category allows users to lock child widgets, requiring a password to unlock the child widgets. The password is SHA256 hashed, and it more or less non-“decryptable”. NSA might disagree, but your children/spouse wont manage to retrieve the password 😉

Readonly mode:

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

Blur mode (might be great with security cameras):

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/d/a/da4d7b2d906c031e61cac26d73170798381dbe18.png)

Hidden mode:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/a/4/a49617a8f8fc797b3ef8b6c043a27afc6d3bec6c.png)

Click the “Unlock” button and a dialog with a password box will appear. Input the password you selected, and the child widgets will be unlocked.

---

<div class="post-metadata">

**Author:** ![Theo\_de\_Koning](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/theo_de_koning/32/136062_2.png) [@Theo\_de\_Koning](https://community.homey.app/u/Theo_de_Koning)\
**Post date:** [May 24, 2025, 11:52am UTC](https://community.homey.app/t/app-pro-dashboards/84837/1196 "2025-05-24T11:52:43Z")

</div>

deleted

---

<div class="post-metadata">

**Author:** ![m.plo.b](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/m.plo.b/32/73259_2.png) [@m.plo.b](https://community.homey.app/u/m.plo.b)\
**Post date:** [May 24, 2025, 1:23pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/1197 "2025-05-24T13:23:30Z")

</div>

secured: the user only needs to open test “Edit dashboard” menu and set a new password 😅

this all basically makes only sense if the menu itself can be secured or hidden on dashboard level in my view.

regarding some widgets: I did not find any systematic approach, why some widgets only supports a single child, while other multipe children … e.g. list or section support multiple, while dialog, readonly support only single … wouldn’t it be easier if all of them support multiple? (at least for the user) … happened a few times, that I got stuck, and had to introduce a list inbetween. from UI point of view I see no reason for that.

and still not 100% sure if I like the readonly concept … it actually fits pretty well to the hierarchical widget concept (so from this angle a good idea) … but I guess it would be much easier for the user to have some widget properties (for every widget) to set, like

- font style/color/size (for icon, text, value)
- read only
- secured by PIN
- etc.

that gets inherited to all children (so I can still choose to set it for an entire set of children, or just for one single widget without the need to introduce some additional intermediate layer)

imagine now you make a “styling” widget (he he … what an idea) … but if you want something styled an read only, you would need to nest 2 additional widgets in order to achieve it.

PS: some more thoughts for the “secure” widget

- isn’t read-only just another form of securing? so why not move this to the secure widget anyway (haha … as long as it does not break my current dashboard of course!!!)
- maybe instead of the unlock button (ugly … sorry), just open the dialog when clicking on the item (like for dialogs) - at least for cases other than “hidden” 😅, or to make it less “ugly” just a partly transparent lock icon or such …

---

<div class="post-metadata">

**Author:** ![m.plo.b](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/m.plo.b/32/73259_2.png) [@m.plo.b](https://community.homey.app/u/m.plo.b)\
**Post date:** [May 24, 2025, 2:07pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/1198 "2025-05-24T14:07:28Z")

</div>

Completely different question:

did anyone already try to use [Google Chromecast App for Homey | Homey](https://homey.app/en-at/app/com.google.chromecast/Google-Chromecast/) to cast the dashboard(s) to a Google Nest Hub?

since they are not really expensive, I’m considering this as option … but how well would/does it work?

[Previous page](https://community.homey.app/t/app-pro-dashboards/84837.md?page=58)

[Next page](https://community.homey.app/t/app-pro-dashboards/84837.md?page=60)
