# Showcase your Dashboard

**URL:** <https://community.homey.app/t/showcase-your-dashboard/116965>\
**Category:** Dashboards\
**Created:** [September 30, 2024, 12:23pm UTC](https://community.homey.app/t/showcase-your-dashboard/116965 "2024-09-30T12:23:19Z")\
**Posts on this page:** 20\
**Page:** 7

<div class="post-metadata">

**Author:** ![Peter\_de\_Vos](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_de_vos/32/151925_2.png) [@Peter\_de\_Vos](https://community.homey.app/u/Peter_de_Vos)\
**Post date:** [November 3, 2024, 9:54pm UTC](https://community.homey.app/t/showcase-your-dashboard/116965/131 "2024-11-03T21:54:56Z")

</div>

How did you got 4 columns?

---

<div class="post-metadata">

**Author:** ![Han\_Slotboom](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/han_slotboom/32/72846_2.png) [@Han\_Slotboom](https://community.homey.app/u/Han_Slotboom)\
**Post date:** [November 5, 2024, 5:56am UTC](https://community.homey.app/t/showcase-your-dashboard/116965/132 "2024-11-05T05:56:36Z")

</div>

Hi Peter,

how did you get the day ahead prices into your dashboard?

Thanks  
Han

---

<div class="post-metadata">

**Author:** ![KWallin](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kwallin/32/82503_2.png) [@KWallin](https://community.homey.app/u/KWallin)\
**Post date:** [November 5, 2024, 6:48am UTC](https://community.homey.app/t/showcase-your-dashboard/116965/133 "2024-11-05T06:48:14Z")

</div>

The Power By The Hour app produces images that can be used in the Dashboard, Today, Tomorrow or Next Hours.

---

<div class="post-metadata">

**Author:** ![Han\_Slotboom](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/han_slotboom/32/72846_2.png) [@Han\_Slotboom](https://community.homey.app/u/Han_Slotboom)\
**Post date:** [November 5, 2024, 7:21am UTC](https://community.homey.app/t/showcase-your-dashboard/116965/134 "2024-11-05T07:21:33Z")

</div>

Thanks. Yes, I also installed this app and I know that the pictures can be seen in the device settings . But up to now I’ve not been able to include them in Dashboards.

Is it a picture which I need to update every day manually or is it a web-api? As far as I’ve seen there is no app-widget of Power by the hour!?

---

<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:** [November 5, 2024, 7:25am UTC](https://community.homey.app/t/showcase-your-dashboard/116965/135 "2024-11-05T07:25:43Z")

</div>

The graph is a cam image, should auto refresh.  
So pick the ‘cam’ widget, and select the PbtH ‘cam’

---

<div class="post-metadata">

**Author:** ![Eternity](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/eternity/32/102113_2.png) [@Eternity](https://community.homey.app/u/Eternity)\
**Post date:** [November 5, 2024, 9:22am UTC](https://community.homey.app/t/showcase-your-dashboard/116965/136 "2024-11-05T09:22:58Z")

</div>

Eh, when I select the cam widget it only shows my Reolink Doorbell, no PBTH devices. I guess the widget only shows ‘cam’ for certain PBTH devices.

---

<div class="post-metadata">

**Author:** ![KWallin](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kwallin/32/82503_2.png) [@KWallin](https://community.homey.app/u/KWallin)\
**Post date:** [November 5, 2024, 11:37am UTC](https://community.homey.app/t/showcase-your-dashboard/116965/137 "2024-11-05T11:37:21Z")

</div>

Just a check, did you create a Device for PBTH?

---

<div class="post-metadata">

**Author:** ![Han\_Slotboom](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/han_slotboom/32/72846_2.png) [@Han\_Slotboom](https://community.homey.app/u/Han_Slotboom)\
**Post date:** [November 5, 2024, 11:52am UTC](https://community.homey.app/t/showcase-your-dashboard/116965/138 "2024-11-05T11:52:56Z")

</div>

Ah, Since I do not have real Cameras, I never thought about to look into the cam-widget.

Thanks, it works.

---

<div class="post-metadata">

**Author:** ![Eternity](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/eternity/32/102113_2.png) [@Eternity](https://community.homey.app/u/Eternity)\
**Post date:** [November 5, 2024, 11:53am UTC](https://community.homey.app/t/showcase-your-dashboard/116965/139 "2024-11-05T11:53:05Z")

</div>

Yes, I have a P1 meter and log both gas and electricity via a PBTH devise:

 ![Schermafbeelding 2024-11-05 om 12.52.39](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/b/7/b79eec4dddcb45ef43ad7b81de58dd87f4a32034.png)

---

<div class="post-metadata">

**Author:** ![Bjursten](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/bjursten/32/34060_2.png) [@Bjursten](https://community.homey.app/u/Bjursten)\
**Post date:** [November 14, 2024, 7:14pm UTC](https://community.homey.app/t/showcase-your-dashboard/116965/140 "2024-11-14T19:14:22Z")

</div>

![IMG_0701](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/f/4f419710e03ff34b81997925c911ec2542101786.gif)

Latest version of Homey dashboards running on an old iPad Air 2 mounted in the kitchen. Power, current room temps, weather with a outside temp sensor combined with a 7-day forecast.  
Stream from the local beach, a bit to dark and cold atm 😀

Using the Spotify beta app to play music as this is not yet supported as a speaker.

All those widgets are web-based using the local api integration running on a local raspi apache server.

---

<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:** [November 20, 2024, 1:57am UTC](https://community.homey.app/t/showcase-your-dashboard/116965/141 "2024-11-20T01:57:32Z")

</div>

‘Old fashioned’ gauches from Home Assistant (guide [here](https://community.homey.app/t/tutorial-pro-how-to-integrate-home-assistant-with-homey-pro/92641))

Just to show what’s possible (don’t mind the overall dash design / layout 🥴 ):

 ![Screenshot_20241119_214356_Homey](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/e/9e940fdb326acbca34d6c977b9595376adfe7fe7.jpeg)

I used the Homey dashboard’s web widget, and the H.A. [canvas-gauge-card](https://github.com/custom-cards/canvas-gauge-card), installable per [HACS store](https://hacs.xyz/docs/use/download/download/).

> **click for white gauge code**
>
> ```auto
> type: custom:canvas-gauge-card
> entity: < your sensor entity here >
> name: Energie gebruik (W)
> card_height: 200
> shadow_height: 10%
> font_size: 0.9em
> font_color: "#000"
> shadow_bottom: 0
> gauge:
> type: radial-gauge
> width: 150
> height: 150
> borderShadowWidth: 0
> borderOuterWidth: 0
> borderMiddleWidth: 0
> borderInnerWidth: 0
> minValue: -7000
> maxValue: 4000
> startAngle: 45
> ticksAngle: 275
> valueBox: true
> majorTicks:
> - "-7000"
> - "-6000"
> - "-5000"
> - "-4000"
> - "-3000"
> - "-2000"
> - "-1000"
> - "0"
> - "1000"
> - "2000"
> - "3000"
> - "4000"
> minorTicks: 2
> strokeTicks: true
> highlights:
> - from: -7000
> to: 0
> color: lightgreen
> - from: 0
> to: 500
> color: yellow
> - from: 500
> to: 4000
> color: darkorange
> colorPlate: "#ddd"
> borders: false
> needleType: arrow
> needleStart: 30
> needleEnd: 55
> needleWidth: 4
> needleCircleSize: 12
> needleCircleOuter: true
> needleCircleInner: false
> animationDuration: 1500
> animationRule: linear
> 
> ```

For the black gauge I used the ‘Buienradar’ integration. This gauge translates wind angle degrees to wind directions:

> **click for black gauge code**
>
> ```auto
> type: custom:canvas-gauge-card
> entity: sensor.buienradar_wind_direction_azimuth
> gauge:
> type: radial-gauge
> width: 150
> height: 150
> minValue: 0
> maxValue: 360
> majorTicks:
> - "N"
> - NNO
> - "NO"
> - ONO
> - O
> - OZO
> - ZO
> - ZZO
> - Z
> - ZZW
> - ZW
> - WZW
> - W
> - WNW
> - NW
> - NNW
> - "N"
> minorTicks: 0
> ticksAngle: 360
> startAngle: 180
> strokeTicks: false
> highlights: false
> colorPlate: "#222"
> colorMajorTicks: "#f5f5f5"
> colorMinorTicks: "#ddd"
> colorNumbers: "#ccc"
> colorNeedle: yellow
> colorNeedleEnd: rgba(255, 160, 122, .9)
> valueBox: false
> valueTextShadow: false
> colorCircleInner: "#fff"
> colorNeedleCircleOuter: "#ccc"
> needleCircleSize: 12
> needleCircleOuter: false
> animationRule: linear
> needleType: arrow
> needleStart: 20
> needleEnd: 50
> needleWidth: 5
> title: WIND
> borders: true
> borderInnerWidth: 0
> borderMiddleWidth: 0
> borderOuterWidth: 8
> colorBorderOuter: "#ccc"
> colorBorderOuterEnd: "#ccc"
> colorNeedleShadowDown: "#222"
> borderShadowWidth: 5
> animationDuration: 2000
> 
> ```

---

<div class="post-metadata">

**Author:** ![synnc](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/synnc/32/86011_2.png) [@synnc](https://community.homey.app/u/synnc)\
**Post date:** [November 20, 2024, 2:54pm UTC](https://community.homey.app/t/showcase-your-dashboard/116965/142 "2024-11-20T14:54:08Z")

</div>

How did you manage to put cards from HA on homey dash? Via iframes?  
Thanks

---

<div class="post-metadata">

**Author:** ![Peter\_de\_Vos](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_de_vos/32/151925_2.png) [@Peter\_de\_Vos](https://community.homey.app/u/Peter_de_Vos)\
**Post date:** [November 20, 2024, 3:43pm UTC](https://community.homey.app/t/showcase-your-dashboard/116965/143 "2024-11-20T15:43:42Z")

</div>

Yes. Via iframes in node-red and show them in the web-widget from homey dashboard.

---

<div class="post-metadata">

**Author:** ![synnc](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/synnc/32/86011_2.png) [@synnc](https://community.homey.app/u/synnc)\
**Post date:** [November 20, 2024, 4:19pm UTC](https://community.homey.app/t/showcase-your-dashboard/116965/144 "2024-11-20T16:19:36Z")

</div>

Is it possible to put any card from HA in an iframe, how you get the url card from HA to put in iframe in homey?

---

<div class="post-metadata">

**Author:** ![Peter\_de\_Vos](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_de_vos/32/151925_2.png) [@Peter\_de\_Vos](https://community.homey.app/u/Peter_de_Vos)\
**Post date:** [November 20, 2024, 5:34pm UTC](https://community.homey.app/t/showcase-your-dashboard/116965/145 "2024-11-20T17:34:30Z")

</div>

In my case i made a dashboard in Home assistant with one single device (mediaplayer) and hide the top- and sidebar. Load it first in a iframe is not necessary. You can past the adress right in the web widget.

---

<div class="post-metadata">

**Author:** ![synnc](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/synnc/32/86011_2.png) [@synnc](https://community.homey.app/u/synnc)\
**Post date:** [November 20, 2024, 7:24pm UTC](https://community.homey.app/t/showcase-your-dashboard/116965/146 "2024-11-20T19:24:00Z")

</div>

Nice trick.  
I think i will start working on a floorplanner a pass it to Homey like this (will try at least).

Thanks 🙂

EDIT:  
I can have an apple tv widget now 😃  
Thanks for the tip Peter 🙂

 ![imagem](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/c/8/c840f9741d54ed4c93522882a909442d5401cdab.jpeg)

---

<div class="post-metadata">

**Author:** ![Erikvl87](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/erikvl87/32/112784_2.png) [@Erikvl87](https://community.homey.app/u/Erikvl87)\
**Post date:** [November 24, 2024, 2:11pm UTC](https://community.homey.app/t/showcase-your-dashboard/116965/148 "2024-11-24T14:11:03Z")

</div>

Hi @Peter_Kawa, you mentioned this post of yours about gauges in the Homey Slack community and suggested I share an update here as well.

I’m currently developing an app to display gauges on your dashboard.

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

**Please stay tuned for updates in this topic:**

> [@\[App\]\[Pro\] DataVista (soon™️)](https://community.homey.app/t/app-pro-datavista-soon/121482):
>
> Hi everyone, I’ve recently started development on an app called DataVista for the Homey Pro. The app offers a gauge for your dashboards. In the future, additional widgets will be added to display more data though other visualizations. The app currently offers a simple and advanced gauge. The first can be configured fully via widget settings only. The latter accepts configuration from flows. The app will hopefully launch shortly™️. The first beta version is currently under review. Here’s a s…

---

<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:** [November 24, 2024, 2:22pm UTC](https://community.homey.app/t/showcase-your-dashboard/116965/149 "2024-11-24T14:22:58Z")

</div>

Yeah these are really cool gauges! I’m sure this is a must have for any dashboard.

---

<div class="post-metadata">

**Author:** ![basvanderploeg](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/basvanderploeg/32/83556_2.png) [@basvanderploeg](https://community.homey.app/u/basvanderploeg)\
**Post date:** [November 26, 2024, 4:15pm UTC](https://community.homey.app/t/showcase-your-dashboard/116965/150 "2024-11-26T16:15:14Z")

</div>

Took full advantage of the new Energy widgets. 🤓

 ![homey-dashboard](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/b/1/b1428047db07ea5d261ceaed57240f30ce5603b6.jpeg)

---

<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:** [November 26, 2024, 4:53pm UTC](https://community.homey.app/t/showcase-your-dashboard/116965/151 "2024-11-26T16:53:49Z")

</div>

And then, with the (hopefully) upcoming dynamic view, hide the green ones 🥰

[Previous page](https://community.homey.app/t/showcase-your-dashboard/116965.md?page=6)

[Next page](https://community.homey.app/t/showcase-your-dashboard/116965.md?page=8)
