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

<div class="post-metadata">

**Author:** ![Stefan\_Veenhof](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/stefan_veenhof/32/33892_2.png) [@Stefan\_Veenhof](https://community.homey.app/u/Stefan_Veenhof)\
**Post date:** [May 14, 2024, 9:32am UTC](https://community.homey.app/t/app-pro-dashboards/84837/977 "2024-05-14T09:32:24Z")

</div>

I have the same problem (I assume). I made a ticket for it. [Dashboard does not load anymore: Cannot read properties of null · Issue #143 · skogsaas/homey.dashboards · GitHub](https://github.com/skogsaas/homey.dashboards/issues/143)

I assume you have not found a workaround as well?

With kind regards, Stefan

---

<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 14, 2024, 1:46pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/978 "2024-05-14T13:46:08Z")

</div>

A reset of the app (in my case myAudi for Homey) made the device available again, but the issue is in the dashboard: a device that is not available “crashes” the dashboard

In my case the device started working again, but if for some reason it’s not possible to get your device back your dashboard seems permanently broken

---

<div class="post-metadata">

**Author:** ![drao](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/drao/32/59679_2.png) [@drao](https://community.homey.app/u/drao)\
**Post date:** [May 16, 2024, 9:16pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/979 "2024-05-16T21:16:05Z")

</div>

Likely not a Dashboard problem but Home connection. I have that frequently. Try to open the Homey app then and you will see connection error as well. If not then it‘s another problem. Only for my Dashboard it was slways a Homey issue not a Dashboard issue

---

<div class="post-metadata">

**Author:** ![Stefan\_Veenhof](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/stefan_veenhof/32/33892_2.png) [@Stefan\_Veenhof](https://community.homey.app/u/Stefan_Veenhof)\
**Post date:** [May 17, 2024, 1:47pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/980 "2024-05-17T13:47:12Z")

</div>

Aha, good to know! In my case, i find it hard to find out which device/app is malfunctioning. My problem says to have a problem with reading “ onoff”, so it can be many apps/devices ☹ Any suggestions to narrow it further down?

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

---

<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 17, 2024, 2:03pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/981 "2024-05-17T14:03:29Z")

</div>

Yes, in my case it was ‘charging’, that could only be my car. I’m not very familier with this, so I don’t know how to find out more about the device. Maybe there’s some ID on this page you can find in the Homey developer page

Is there no device that is offline or not working properly in another way? My “car” device was also offline on the devices page in Homey

---

<div class="post-metadata">

**Author:** ![Steven\_Mollema](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/steven_mollema/32/21128_2.png) [@Steven\_Mollema](https://community.homey.app/u/Steven_Mollema)\
**Post date:** [May 18, 2024, 10:19pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/982 "2024-05-18T22:19:49Z")

</div>

I saw this video and wanted to share it with you guys.  
Very cool, icons with condition’s on a dashboard.

[![](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/b/f/bfeebb20cf06160049309774894636f7e7963501.jpeg "How My New Smart Home Dashboard is GENIUS") ](https://www.youtube.com/watch?v=IYdr2CIu6oc)

I know it’s home assistant not Homey 😅

---

<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:** [May 19, 2024, 12:02am UTC](https://community.homey.app/t/app-pro-dashboards/84837/983 "2024-05-19T00:02:40Z")

</div>

Hi Steven,  
Cc @skogsaas

Edit: I misunderstood the meaning of your post, Steven, my bad. Please ignore my comment.

~~I’m sorry, but I really think it’s not appropriate and disrespectful to ‘advertise’ that in Marcus’ Dashboard app topic?  
I think you’d best start your own topic to discuss HA dashboards.  
Just a thought!~~

---

<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 19, 2024, 4:20am UTC](https://community.homey.app/t/app-pro-dashboards/84837/984 "2024-05-19T04:20:40Z")

</div>

Usually I would agree with you Peter, but in this case I see Steven’s attempt to share the video as inspiration, and not advertisement for HA. So I don’t mind 👌  
I can confirm that something like this is coming. I’ll have to see the video again, with sound this time to see how HA has solved this. Might give me some hints on how other smart people has implemented this 🙌

---

<div class="post-metadata">

**Author:** ![Steven\_Mollema](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/steven_mollema/32/21128_2.png) [@Steven\_Mollema](https://community.homey.app/u/Steven_Mollema)\
**Post date:** [May 19, 2024, 6:17am UTC](https://community.homey.app/t/app-pro-dashboards/84837/985 "2024-05-19T06:17:47Z")

</div>

I only shared the video because I thought it would be a nice idea for the dashboard.

---

<div class="post-metadata">

**Author:** ![Jim\_McAtear](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/jim_mcatear/32/96184_2.png) [@Jim\_McAtear](https://community.homey.app/u/Jim_McAtear)\
**Post date:** [May 19, 2024, 10:24am UTC](https://community.homey.app/t/app-pro-dashboards/84837/986 "2024-05-19T10:24:37Z")

</div>

Hi  
Reid makes use of conditional cards in HA along with sensors to track his watch to achieve his 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 19, 2024, 10:26am UTC](https://community.homey.app/t/app-pro-dashboards/84837/987 "2024-05-19T10:26:34Z")

</div>

see also already suggested ideas at:

> <https://github.com/skogsaas/homey.dashboards/issues/105>
>
> \*\*For Widget Backgrounds\*\*
> 
> e.g. widget for A/C.
> white: default
> light blue, …when status=on and mode=cool
> light red, when status=on and mode=heat
> 
> \*\*For Capabilities: Entire Line or Value only\*\*
> 
> e.g. show a temperature red if too high, or blue if too low
> e.g. shoe battery percentage red if too low
> 
> \*\*Make it Generic\*\*
> 
> base color of one item also on the value of other items/capabilities

> <https://github.com/skogsaas/homey.dashboards/issues/110>
>
> This would enable e.g. to make a card that only shows error or bad conditions, a…s e.g.
> 
> \- humidity in a room too high
> \- battery of a device almost empty
> \- door unlocked
> 
> or give an overview on what's currently going on in the house, as e.g.
> 
> \- A/C running in a room
> \- PV power \> 1000 W
> \- Heat Pump running
> 
> 
> PS: adds perfectly to the idea to format/style entries based on rules/conditions

---

<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:** [May 20, 2024, 12:16am UTC](https://community.homey.app/t/app-pro-dashboards/84837/988 "2024-05-20T00:16:48Z")

</div>

> [@Steven\_Mollema](#):
>
> I only shared the video because I thought it would be a nice idea for the dashboard.

My bad, Steven, apparently I read your post not the way you meant it.  
I will adjust my reaction.

---

<div class="post-metadata">

**Author:** ![Stefan\_Veenhof](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/stefan_veenhof/32/33892_2.png) [@Stefan\_Veenhof](https://community.homey.app/u/Stefan_Veenhof)\
**Post date:** [May 20, 2024, 6:54pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/989 "2024-05-20T18:54:30Z")

</div>

Hi, Thanks for the tip. Luckily i found the responsible device for the error, removing the device did the trick. However other ways of repairing a device would probably also work 🙂

---

<div class="post-metadata">

**Author:** ![Stefan\_Veenhof](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/stefan_veenhof/32/33892_2.png) [@Stefan\_Veenhof](https://community.homey.app/u/Stefan_Veenhof)\
**Post date:** [May 20, 2024, 6:58pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/990 "2024-05-20T18:58:10Z")

</div>

Hi, how do you make it work, duplicate the raw code of a dashboard and put the code in a new dashboard? I can only copy it, not paste it.

---

<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 20, 2024, 7:11pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/991 "2024-05-20T19:11:18Z")

</div>

Indeed @Stefan_Veenhof.

Earlier I want to make my first Dashboard also a virtual one by copy/paste.  
That pasting was not working.

---

<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 20, 2024, 8:10pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/992 "2024-05-20T20:10:50Z")

</div>

ok, I never tried it to be honest … just always saw the raw code field and the save button, so I was assuming that this was an option.

---

<div class="post-metadata">

**Author:** ![Steven\_Mollema](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/steven_mollema/32/21128_2.png) [@Steven\_Mollema](https://community.homey.app/u/Steven_Mollema)\
**Post date:** [May 31, 2024, 8:14pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/993 "2024-05-31T20:14:45Z")

</div>

Is it possible to display a live camera image in the dashboard with an rtsp link.  
I tried it in iframe but without success.

---

<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:** [June 1, 2024, 1:23am UTC](https://community.homey.app/t/app-pro-dashboards/84837/994 "2024-06-01T01:23:55Z")

</div>

Not sure if I get it right, but here I go.  
Homey can’t stream video  
The second best is to refresh the snapshot every x seconds:  
 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/b/4/b42da445a04d67ef51be57dfdb726ebb62ec1abb.png)

> [@skogsaas](#):
>
> but you’ll have to use it wisely. In my case I have two 4k surveillance cameras. Each snapshot is about 2-3 MB. Doing this every second for two cameras equals up to 6 MB/s which is constant use of 48 Mb/s. I’m guessing it will be a bit much for the Homey 🫤

---

<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:** [June 1, 2024, 4:22am UTC](https://community.homey.app/t/app-pro-dashboards/84837/995 "2024-06-01T04:22:38Z")

</div>

Peter is right, Homey cannot stream video. So rapid refresh is the closest option.

Though, you mention rtsp:// urls. This would indicate that you want to add a link directly to the camera from the dashboard, without going through the Homey. Technically it is possible to add a dashboard widget with the HTML5 `<video>` element, and use the rtsp urls there. But this would probably not work. I’ve tried it with my cameras, but the `<video>` element typically requires ogg/vorbis video/sound format. Some browsers support other formats as well, but non of which is typically supported by surveillance cameras. To get this to work, you typically have to transcompile the video stream into a format supported by the browser, but I wouldn’t recommend running ffmpeg on the Homey 😅

All of this said, if you have some kind of NVR already doing the transcompiling, this might work. Personally I’m planning on setting up Frigate on a seperate raspberry pi in the future. At that point I will probably be motivated to find a solution to get this working in the dashboard as well 😂

---

<div class="post-metadata">

**Author:** ![Joost\_Zeegers](https://avatars.discourse-cdn.com/v4/letter/j/e47774/32.png) [@Joost\_Zeegers](https://community.homey.app/u/Joost_Zeegers)\
**Post date:** [June 1, 2024, 1:30pm UTC](https://community.homey.app/t/app-pro-dashboards/84837/996 "2024-06-01T13:30:44Z")

</div>

I am trying to build my first dashboard, but struggle to get a similar view as the screenshots shared in this thread (capability percentage centered in large font). Has anybody an idea what is going wrong? I assume there must be something in the view settings section, but there is nothing there for me. Working in Chrome browser on Mac.

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

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

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

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

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