# \[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:** 17

<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:** [September 16, 2023, 11:08am UTC](https://community.homey.app/t/app-pro-dashboards/84837/323 "2023-09-16T11:08:45Z")

</div>

Everything happens in the browser. No browser, no loading.  
But, if you have the dashboard open in a tab, but not looking at it, the images **might** be loaded. This depends on what your browser decides to do with inactive-tabs. Some browsers but the tabs to sleep after a while. And if you use a tablet or phone, and turn off the screen while having the dashboard up, at least I’ve experienced that insights and images does not update while iPad screen is off 🤔

> [@JeeHaa](#):
>
> Maybe a bug: I set camera image to refresh in 5s. On the dashboard it does refresh properly, but when clicking on the image it keeps showing an older snapshot?

I’ll look into it 😉

---

<div class="post-metadata">

**Author:** ![JeeHaa](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/jeehaa/32/29849_2.png) [@JeeHaa](https://community.homey.app/u/JeeHaa)\
**Post date:** [September 16, 2023, 11:16am UTC](https://community.homey.app/t/app-pro-dashboards/84837/324 "2023-09-16T11:16:10Z")

</div>

Great, thanks!  
Also wondering: is Dashboard import/export (or maybe Duplicate) also on the backlog? 🙂

---

<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:** [September 16, 2023, 11:19am UTC](https://community.homey.app/t/app-pro-dashboards/84837/325 "2023-09-16T11:19:27Z")

</div>

Similar features are already on the backlog, but I’ll add it 😉

---

<div class="post-metadata">

**Author:** ![Walter\_vande\_kerkhof](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/walter_vande_kerkhof/32/28963_2.png) [@Walter\_vande\_kerkhof](https://community.homey.app/u/Walter_vande_kerkhof)\
**Post date:** [September 16, 2023, 12:14pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/326 "2023-09-16T12:14:34Z")

</div>

After the most recent opdate it’s working again​:grimacing:👍

---

<div class="post-metadata">

**Author:** ![Peter\_Kawa](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_kawa/32/173848_2.png) [@Peter\_Kawa](https://community.homey.app/u/Peter_Kawa)\
**Post date:** [September 16, 2023, 1:44pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/327 "2023-09-16T13:44:14Z")

</div>

Thanks for all improvements!

> [@skogsaas](#):
>
> Insight values are now also rounded based on what the insight specifies as number of decimals. Please verify this @Peter_Kawa

❤

 ![Screenshot_20230916-153438_Chrome](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/6/9/693884e29b1e67c8c6c7438e0972a5f74f162ced.jpeg)

.

How do I get the thermostat to show the modes and colors? 🤗

.

Findings:

- Dim value is shown as the real value (0 to 1), instead of 0 to 100 % value  

-

---

<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:** [September 16, 2023, 2:45pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/328 "2023-09-16T14:45:45Z")

</div>

I confirm that 0.8.1 fixes the issues reported with 0.8.0

---

<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:** [September 16, 2023, 3:00pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/329 "2023-09-16T15:00:59Z")

</div>

> [@Peter\_Kawa](#):
>
> How do I get the thermostat to show the modes and colors? 🤗

Your thermostat must have the `thermostat_mode` capability, otherwise it’s not displayed. I can probably add a feature in the future to manually specify if the thermostat is for heating or cooling, just for display purposes 👌

---

<div class="post-metadata">

**Author:** ![Peter\_Kawa](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_kawa/32/173848_2.png) [@Peter\_Kawa](https://community.homey.app/u/Peter_Kawa)\
**Post date:** [September 16, 2023, 5:18pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/330 "2023-09-16T17:18:09Z")

</div>

Ah, I see!  
My tado (from tadoZones app) uses a different capability name:  
`thermostat_cmode` 🤔 🫣

I can ask Martin to change it, but that would mean a breaking change I guess…  
I hope you can add `thermostat_cmode` one day? → absolutely no hurries!

and dunno if it is a problem if it also has hotwater\_mode capability?

 ![Screenshot_20230916-180845_Chrome](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/e/e/ee950570c5031ed875711055b5d9c39bbab023f9.jpeg)

---

<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:** [September 16, 2023, 5:21pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/331 "2023-09-16T17:21:17Z")

</div>

What enum values does it have?  
I see that `thermostat_mode` doesn’t have `manual` as a possible value 🤔

---

<div class="post-metadata">

**Author:** ![Peter\_Kawa](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_kawa/32/173848_2.png) [@Peter\_Kawa](https://community.homey.app/u/Peter_Kawa)\
**Post date:** [September 16, 2023, 6:02pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/332 "2023-09-16T18:02:40Z")

</div>

I think it’s room dependent, and `cmode` should stand for ‘Central’ (it’s my main thermostat)

 ![Screenshot_20230916-195948_Homey](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/0/40a3725914aa39346f482a5fd4eb1b049a30fd35.jpeg)

In Developer this list looks like this:

 ![Screenshot_20230916-200457_Chrome](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/c/2/c21c147abf7febea382c62bbc8b595c0d8e85535.jpeg)

When I have a minute, I’ll install the Athom tado app to see how that one works. But it is very very basic unfortunately

#### UPDATE:

The Athom tado app also hasn’t a `thermostat_mode` capability, but a sort of made up on/off mode

 ![signal-2023-09-16-230155_002](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/7/4/7461ee3db94f2d5467062c0baaadee58057f9c64.jpeg)

 ![Screenshot from 2023-09-16 23-07-38](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/d/b/db5db1447ca0036db1d656a3dbbdb21ac6e57e18.png)

But what surprised me, there is a mode selector, in the app settings 🤔 🫣 This doesn’t show in the device capabilities overview at the developer page

 ![Screenshot from 2023-09-16 23-08-28](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/3/43bd5f3269e5a732f97f48f02a2b542a3cceddf5.png)

---

<div class="post-metadata">

**Author:** ![Torch1969](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/torch1969/32/33305_2.png) [@Torch1969](https://community.homey.app/u/Torch1969)\
**Post date:** [September 16, 2023, 9:11pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/333 "2023-09-16T21:11:59Z")

</div>

> [@skogsaas](#):
>
> Line spacing is now dynamic, trying to use the entire space available. And line height is now reduced, so it can compress more in small heights.

@skogsaas , could I be dynamic line spacing didn’t survive update 0.8.0/0.8.1?

---

<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:** [September 17, 2023, 6:14am UTC](https://community.homey.app/t/app-pro-dashboards/84837/334 "2023-09-17T06:14:49Z")

</div>

Yeah, it didn’t survive the patch. You cannot have your cake and eat it too.  
By adjusting the text line height to reduce space between lines, I also clipped the bottom half of all q, y, p, g, j letters. So I had to reverse this change, which also ment that the extra space I got by reducing line height, wasn’t available for dynamic spacing 🫤

---

<div class="post-metadata">

**Author:** ![JeeHaa](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/jeehaa/32/29849_2.png) [@JeeHaa](https://community.homey.app/u/JeeHaa)\
**Post date:** [September 17, 2023, 7:30am UTC](https://community.homey.app/t/app-pro-dashboards/84837/335 "2023-09-17T07:30:36Z")

</div>

@skogsaas Some random (minor) stuff:

- Add an option to add a small resizble window to show the most recent timeline notifications?
- Menu Add: “Capabilities” option might be more intuitive to users when changed to “Devices” or “Device Capabilities”?
- Edit: would it be possible to allow for multiple capabilities of a device to be added at once?
- Edit bug: When moving devices, the info window will popup after you release the item
- Bug: when adding an element and then abandoning it without selecting anything, it will stay visible in empty/error state → should be removed on cancel
- The deep red color of the top left menu area is a bit distracting IMO, maybe a more subtle color?
- Motion alarm: would it be possible to have an option to display “Last active” (x minutes ago) on the device itself (not only the popup)?
- Motion alarm: the checkbox icon in “Off” state is a bit confusing (looks as if it triggered). Maybe “Off”, “No” or a “-” might be more clear?
- Motion: Use the Homey default orange icon for an active alert.
- Camera images on dasboard are usually smaller than the original, and it would be great to see them in the native image size (FHD/4k) in the popup window when clicking on them (right now they are shown in the same small size).
- Insights: is it possible to add a option to change the time range dynamically (maybe in the popup)?
- Insights; is it possible to add a 12h time span instead of Homey defaults (6h/24h), using thepartial dataset?

Thanks, and keep up the great work! 🙂

---

<div class="post-metadata">

**Author:** ![Sharkys](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sharkys/32/54029_2.png) [@Sharkys](https://community.homey.app/u/Sharkys)\
**Post date:** [September 17, 2023, 8:06am UTC](https://community.homey.app/t/app-pro-dashboards/84837/336 "2023-09-17T08:06:50Z")

</div>

@skogsaas looking awesome so far 😉 I decided to start creating dashboards from scratch, using local API but I’m not sure if I understood process well.  
I can’t get rid of old/online dashboards, so I cleared out the cache, which logged me out.  
Then not sure, do I have to install your app to get local dashboards across more devices ? I have it installed, dashboards appeared in the previous logged in online version…

Anyway, navigating to [https://homeyboard.github.io/](https://homeyboard.github.io/), entering API I have generated (without logging in), I get error :  
 ![obrazek](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/c/3/c3424cac33be877fded5aa667914dde00017214f.png)

Then, when reloading/refreshing the page (seems I can enter API key only once?), I just got empty page and need to clear the cache of browser again.  
 ![obrazek](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/8/98bba931990b5ffb56f769b5c16e50688f785c33.png)

Did I miss something ? 😉

**update** OKay, seems that accessing it via Local URL instead of the [https://homeyboard.github.io/](https://homeyboard.github.io/) works.

---

<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:** [September 17, 2023, 9:39am UTC](https://community.homey.app/t/app-pro-dashboards/84837/337 "2023-09-17T09:39:32Z")

</div>

Yeah, it’s a shame that I haven’t sorted this earlier. The “local login” shouldn’t be visible when visiting [homeyboard.github.io](http://homeyboard.github.io), it has no functionality at this point. Working on it! 😉

---

<div class="post-metadata">

**Author:** ![JeeHaa](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/jeehaa/32/29849_2.png) [@JeeHaa](https://community.homey.app/u/JeeHaa)\
**Post date:** [September 17, 2023, 10:24am UTC](https://community.homey.app/t/app-pro-dashboards/84837/338 "2023-09-17T10:24:42Z")

</div>

BTW: Is it normal for a remote dashboard from [connect.athom.com](http://connect.athom.com) to take 20s to load on HP23? The local one on [homeylocal.com](http://homeylocal.com) loads in 2s.

I see a relatively large js script that apparently takes 18s to load:

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

Wheb I compare it with a local debug network trace, the same sems to be much smaller and only takes 150 ms.

---

<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:** [September 17, 2023, 10:32am UTC](https://community.homey.app/t/app-pro-dashboards/84837/339 "2023-09-17T10:32:22Z")

</div>

It really depends on your Homey, network and Athom. For me the local url takes about 5-10 seconds to connect, but using [connect.athom.com](http://connect.athom.com) takes less than a second. After it’s connected, it has a persistent stream, keeping the connection available.

Connection time is out of my control, some times it takes a while to tunnel through the NAT 😕

**Edit:**  
The file you point out is the file containing all icons. I can try to add some compile options to compress it. Or split it into two files, one for all internally used icons, and one you as a user will be able to use to select custom icons for what ever you want 🤔

---

<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:** [September 17, 2023, 11:16am UTC](https://community.homey.app/t/app-pro-dashboards/84837/340 "2023-09-17T11:16:46Z")

</div>

# Update - 0.9.0 - Editing UI improvements + Sentry

Hi all

I’ve done some changes to the editing mode. The editing dropdown for widgets are now exchanged with multiple buttons for easier access and overview of locked widgets.

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

- Dragging widgets is now done by pressing the move icon.
- Resizing widgets now have a new icon with the same look and feal as the rest of the icons.
- Locking an widget removes the move-icon.

**This fixes scrolling on mobile devices while editing!**  
I know this also increases the amount of buttons and “noise”, but it also makes it easier to use. It’s not like you’re going to spend most of the time in editing-mode anyway 😉

The code is now compiled with compression. This adds extra pre-compressed versions of all files, reducing file-size. I don’t actually know if this will help, as this depends on the Homey web-server and what your browsers request. But it might help!

# Sentry

I almost forgot! I’ve added [Sentry.io](http://Sentry.io) to log all unhandled exceptions happening in the dashboard. This will help me detect when I break the egg-basket again. Hopefully before you notify me about it 😅  
As always I try to remove all privacy information before logging. Sentry already does a lot of privacy filtering, but I’ve added even more filters to remove everything I can think of 🤔  
Privacy is a great concern of mine!

**Edit:**  
Ugh, testing editing on an actual mobile device, not just using the developer tools to mimic a mobile device, show that you now refresh the page when you try to move a widget 🤦  
This is like a hydra.. 😆

---

<div class="post-metadata">

**Author:** ![JeeHaa](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/jeehaa/32/29849_2.png) [@JeeHaa](https://community.homey.app/u/JeeHaa)\
**Post date:** [September 17, 2023, 2:09pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/341 "2023-09-17T14:09:34Z")

</div>

Not sure what is going on with that .js then. Same on another PC and on Edge btw (using mainly Chrome). Is this file cached, or is that determined by Homey/Athom?

BTW: I just noticed that a link to the dashboard from [https://homeyboard.github.io/xxxx](https://homeyboard.github.io/xxxx) is also very fast somehow? But I see http response 304 Not Modified, so maybe cached even when loading? Update: indeed devtools say “Disk Cache” when opening/refreshing this page:

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

Do others also experience no excessive delay on the [connect.athom.com](http://connect.athom.com) public dashboard initial load?

---

<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:** [September 17, 2023, 5:37pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/342 "2023-09-17T17:37:57Z")

</div>

# Update 0.9.1 Fix dragging on touch devices

I’ve now fixed the issue with dragging widgets on touch devices. Of course I had to introduce new bugs while fixing others 🤦‍♂️

@JeeHaa : Here’s the result from the latest build. The bottom file is the .js containing all icons. You can see that it has been reduced almost 10x from it’s original size. I’ve tested, and when I request the files from [homeboard.github.io](http://homeboard.github.io), I get the compressed files. But when I request the files from Homey (through Athom Connect), I get the uncompressed files.

This basically means that the built-in webserver in the Homey isn’t smart enough to serve the compressed files.

```auto
/immutable/assets/index.dfe52db0.css 0.35 kB │ gzip: 0.22 kB
/immutable/assets/Progress.a3ac9dc2.css 4.93 kB │ gzip: 1.22 kB
/immutable/assets/3.d79b8820.css 7.57 kB │ gzip: 2.17 kB
/immutable/assets/0.3b6507c9.css 71.07 kB │ gzip: 11.40 kB
/immutable/chunks/stores.1b9a34c2.js 0.52 kB │ gzip: 0.25 kB
/immutable/chunks/HomeyAPI.60528151.js 0.60 kB │ gzip: 0.34 kB
/immutable/chunks/_commonjsHelpers.7a7fcd32.js 1.16 kB │ gzip: 0.53 kB
/immutable/nodes/5.785463ef.js 1.55 kB │ gzip: 0.69 kB
/immutable/nodes/1.3180ceca.js 2.26 kB │ gzip: 0.84 kB
/immutable/chunks/homey.5f9f786c.js 3.52 kB │ gzip: 1.18 kB
/immutable/chunks/singletons.8ea6bd93.js 8.06 kB │ gzip: 2.69 kB
/immutable/chunks/index.036fb736.js 15.75 kB │ gzip: 4.41 kB
/immutable/nodes/4.6e8e1253.js 16.98 kB │ gzip: 3.53 kB
/immutable/entry/app.1ecb04cd.js 21.13 kB │ gzip: 3.80 kB
/immutable/chunks/scheduler.c054974b.js 23.37 kB │ gzip: 6.24 kB
/immutable/chunks/index.73757ddd.js 44.20 kB │ gzip: 5.60 kB
/immutable/entry/start.6cf50815.js 58.51 kB │ gzip: 14.57 kB
/immutable/nodes/2.ba409013.js 58.74 kB │ gzip: 8.76 kB
/immutable/chunks/index.974d0c15.js 80.43 kB │ gzip: 7.96 kB
/immutable/chunks/index.3ef08270.js 82.16 kB │ gzip: 11.04 kB
/immutable/chunks/index.0159dd21.js 189.49 kB │ gzip: 26.21 kB
/immutable/chunks/Progress.968dde3e.js 232.88 kB │ gzip: 36.15 kB
/immutable/nodes/0.5c263cbf.js 611.17 kB │ gzip: 127.49 kB
/immutable/chunks/AthomCloudAPI.e7ea4985.js 636.06 kB │ gzip: 81.83 kB
/immutable/nodes/3.207a09ff.js 3,127.88 kB │ gzip: 404.79 kB

```

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

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