# \[Pro\]\[Dashboard\] SmartDash - a dashboard for Homey \[CLOSED\]

**URL:** <https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385>\
**Category:** Apps\
**Tags:** flow, dashboard, ios, homey-pro, android\
**Created:** [June 27, 2023, 8:41pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385 "2023-06-27T20:41:13Z")\
**Posts on this page:** 20\
**Page:** 22

<div class="post-metadata">

**Author:** ![sandro711](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sandro711/32/74638_2.png) [@sandro711](https://community.homey.app/u/sandro711)\
**Post date:** [March 9, 2024, 9:12pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/425 "2024-03-09T21:12:31Z")

</div>

I dont get the point with material design icons?

---

<div class="post-metadata">

**Author:** ![Nicolas\_Lambersens](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/nicolas_lambersens/32/68940_2.png) [@Nicolas\_Lambersens](https://community.homey.app/u/Nicolas_Lambersens)\
**Post date:** [March 10, 2024, 8:31am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/426 "2024-03-10T08:31:06Z")

</div>

Hello,

After retest theinsight info are présents in devices info

Nicolas

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 10, 2024, 9:46am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/427 "2024-03-10T09:46:22Z")

</div>

Ok post some screenshot

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 10, 2024, 9:48am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/428 "2024-03-10T09:48:20Z")

</div>

I use this webfont  
[https://pictogrammers.com/library/mdi/](https://pictogrammers.com/library/mdi/)

Every icon are writed like this

> \<span class=“mdi mdi-power-off”\> \</ span\>

You can customize the icon, in text field you need to replace selected icon with your favorite icon (without mdi-)

---

<div class="post-metadata">

**Author:** ![WillemG](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/willemg/32/37114_2.png) [@WillemG](https://community.homey.app/u/WillemG)\
**Post date:** [March 10, 2024, 10:22am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/429 "2024-03-10T10:22:42Z")

</div>

OK thanks, I am getting there for my buttons and devices that have a .on function.

How is the sensor state defined in CSS.

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 10, 2024, 10:45am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/430 "2024-03-10T10:45:14Z")

</div>

it should be .value  
Tomorrow I write a list more complete

---

<div class="post-metadata">

**Author:** ![sandro711](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sandro711/32/74638_2.png) [@sandro711](https://community.homey.app/u/sandro711)\
**Post date:** [March 10, 2024, 10:53am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/431 "2024-03-10T10:53:41Z")

</div>

I still dont get it how I can change the icons. I see the font has about 7000 icons, I assume thats fairly enough to find anything I want. But how can I enforce different icon to a lets say light bulb, except those 20 you have as an option in the dropdown menu?

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 10, 2024, 10:56am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/432 "2024-03-10T10:56:53Z")

</div>

By css should be possible change icon using pseudo class after and before, but I think is complicated.  
Probably is more efficient add ability to insert icon manual from settings.

A sample with font awesome

> <https://stackoverflow.com/questions/18793428/put-an-icon-after-list-item-with-after-and-font-awesome>

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 10, 2024, 11:45am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/433 "2024-03-10T11:45:46Z")

</div>

A first draft, ability to manual add icon

 ![Screenshot 2024-03-10 alle 12.42.25](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/3/9/399ba389cfb7f90187467fc082f7246ba6e0004a.png) ![Screenshot 2024-03-10 alle 12.42.10](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/7/1/71fe4280237902bcf460d6fbec79d07b4d079179.png)

or I could add a section in customization where to enable the other icons

---

<div class="post-metadata">

**Author:** ![WillemG](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/willemg/32/37114_2.png) [@WillemG](https://community.homey.app/u/WillemG)\
**Post date:** [March 10, 2024, 12:09pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/434 "2024-03-10T12:09:31Z")

</div>

Other question:  
My Airco doesn’t show the icon for the modus:  
COOL / HEAT / FAN ONLY.

It’s a DIAKIN connected with the DAIKUN ONECTA app.

 ![IMG_4630 normaal](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/8/98ff1ae20176b457a54f053107f3645e37c2c834.jpeg)

 ![Scherm­afbeelding 2024-03-10 om 13.02.20](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/7/b/7ba7cb3c0e1cea3261bacb7e31b73dd5bb1c849e.png)

Also I would love to have the CSS So I can change the color depending on the modus of the airco.  
I own a hotel with 10 rooms, they all have airco’s in them connected to my Homey. I have several flows to changed the airco’s status. In the morning when the cleaning of the rooms start I put all the airco’s in Fan only with max fan capacity.  
In winter time they all heat the rooms to a comfortable temperature before guests check in etc ect.  
I would be very nice to have one panel with all the airco’s on them, and showing different colors based on the modus of the machines.

In homey it looks like this.  
Would love to recreate on NSPANEL

 ![Scherm­afbeelding 2024-03-10 om 13.06.31](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/b/e/be39196becac27eae444c2750e033cccca38c409.png)

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 10, 2024, 12:52pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/435 "2024-03-10T12:52:01Z")

</div>

> [@WillemG](#):
>
> My Airco doesn’t show the icon for the modus:  
> COOL / HEAT / FAN ONLY.

Go in device info and make a screenshot of the capabilities availables, I add support for this device

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 10, 2024, 1:12pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/436 "2024-03-10T13:12:09Z")

</div>

> [@WillemG](#):
>
> I would be very nice to have one panel with all the airco’s on them, and showing different colors based on the modus of the machines.

Il could make possible, we need all values availability for the thermostat\_mode capability

---

<div class="post-metadata">

**Author:** ![WillemG](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/willemg/32/37114_2.png) [@WillemG](https://community.homey.app/u/WillemG)\
**Post date:** [March 10, 2024, 3:48pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/437 "2024-03-10T15:48:05Z")

</div>

here they are

 ![IMG_4631 groot](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/b/1b7f2ccafd74d10aeb6f8142d773259cba112889.jpeg)  
 ![IMG_4632 groot](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/2/42101d84a90b9da835c5e176398964e335910357.jpeg)  
 ![IMG_4633 groot](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/3/e/3e7b67fa57c4d2e5261454bfe954bf6e19e3bd3f.jpeg)

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 10, 2024, 3:49pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/438 "2024-03-10T15:49:10Z")

</div>

Ah ok, operation mode, normally is thermostat mode… I add it in next version

---

<div class="post-metadata">

**Author:** ![Rob\_G](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rob_g/32/79108_2.png) [@Rob\_G](https://community.homey.app/u/Rob_G)\
**Post date:** [March 10, 2024, 4:20pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/439 "2024-03-10T16:20:10Z")

</div>

Hi @diapolon,

I’m new to your app and just starting playing with it. Looking very nice and easy to setup.  
A question about features: is there a way to add RING doorbell images to the dashboard? I setup my doorbell as a generic capability, but it doesn’t show images.

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 10, 2024, 4:24pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/440 "2024-03-10T16:24:12Z")

</div>

Hi, you can use widgetCamera if ring has a image preview. See some previous post, another use has ringdorbell (if I remember correctly)

---

<div class="post-metadata">

**Author:** ![Kringloper](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kringloper/32/70714_2.png) [@Kringloper](https://community.homey.app/u/Kringloper)\
**Post date:** [March 10, 2024, 5:07pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/441 "2024-03-10T17:07:15Z")

</div>

I have a widget which shows a message which I use as a general alarm notification. For now the background is red. But with the new css option I would like to have a green background when te capability (generic capability widget) is empty (or in my case ‘—’).

I have the sample ‘on/off’ working, but I am a real noob on css. Can you help me out how to write the css for my situation.

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 10, 2024, 5:24pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/442 "2024-03-10T17:24:00Z")

</div>

Mmm,with generic capability is not possible because it hasn’t a state change. Need to use a socket,light o a generic alarm sensor (now don’t remember the correct name) or a virtual button with add/remove a “on” class (or “active” class) when status is changed.

Edit now i reader it show a message.

Maybe I need to create a widget for this, alertwidget, if it value is not empty it add on class, is very simple a little mod of generic capability

---

<div class="post-metadata">

**Author:** ![Rob\_G](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rob_g/32/79108_2.png) [@Rob\_G](https://community.homey.app/u/Rob_G)\
**Post date:** [March 10, 2024, 7:09pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/443 "2024-03-10T19:09:26Z")

</div>

Thanks!

I can’t find widgetCamera. Do you mean the VirtualCamera widget? That one does not allow me to fetch the Ring connected to Homey, but uses its own URL,

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 10, 2024, 7:32pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/444 "2024-03-10T19:32:25Z")

</div>

Yes virtualcamera widget! You need a direct url to camera preview

I googled, for ring doorbell need specific api call.

A workaround is create a virtual device camera and update image by a flow that take a snapshot and use virtual camera widget for show it

[Previous page](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385.md?page=21)

[Next page](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385.md?page=23)
