# TileDash - an Homey dashboard

**URL:** <https://community.homey.app/t/tiledash-an-homey-dashboard/98802>\
**Category:** Apps\
**Tags:** dashboard\
**Created:** [December 24, 2023, 4:52am UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802 "2023-12-24T04:52:53Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![sebyldino](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sebyldino/32/20067_2.png) [@sebyldino](https://community.homey.app/u/sebyldino)\
**Post date:** [December 24, 2023, 4:52am UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/1 "2023-12-24T04:52:53Z")

</div>

![Banner](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/f/4f08c5166de2630330b99ba6bf740e28bda296aa.png)

Hello everyone, it’s been a while since I’ve been working to find a solution for a customizable Homey dashboard, and I’m happy to show you TileDash!

TileDash is a combination of [TileBoard](https://github.com/resoai/TileBoard), which inspired me a lot, a project by Alexaï, and [HomeyDash](https://community.homey.app/t/homeydash-com-a-homey-dashboard/13509), for which I used the connection and communication method with Homey, developed by @Rocodamelshekima and @DaneedeKruyff  
Thank you to them for their sharing.

TileDash works locally, you can customize it as you want to create your own dashboard!

I still have several things to configure, but I’ll share it with you as soon as possible.

I hope you’ll enjoy this little gift, wishing you a Merry Christmas!

**EDIT 20/11/2024:** [v0.5](https://github.com/sebyldino/TileDash/releases/tag/v0.5) available

 ![Capture d’écran 2023-12-24 à 05.50.04](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/0/0/009b14a12eed7548bf64b7e35ad694d4b311f2c3.jpeg)

![Enregistrement de l’écran 2023-12-24 à 05.40.19](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/c/e/ce8dc1aebb56d5f26c2b87708955faaf06967890.gif)

---

<div class="post-metadata">

**Author:** ![Timothyvisual](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/timothyvisual/32/134075_2.png) [@Timothyvisual](https://community.homey.app/u/Timothyvisual)\
**Post date:** [December 30, 2023, 11:35am UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/2 "2023-12-30T11:35:30Z")

</div>

In the early day’s of homey I wanted a screen to control my home. But until this day I only have my phone. The question is: how many times I’m going to use the screen if I have my phone.

I will follow your project. And maybe some day…

---

<div class="post-metadata">

**Author:** ![sebyldino](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sebyldino/32/20067_2.png) [@sebyldino](https://community.homey.app/u/sebyldino)\
**Post date:** [January 2, 2024, 5:26pm UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/3 "2024-01-02T17:26:36Z")

</div>

TileDash is available [here!](https://github.com/sebyldino/TileDash)

Try it, give me your feedback!

---

<div class="post-metadata">

**Author:** ![sebyldino](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sebyldino/32/20067_2.png) [@sebyldino](https://community.homey.app/u/sebyldino)\
**Post date:** [January 5, 2024, 8:41am UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/4 "2024-01-05T08:41:14Z")

</div>

**[V0.2](https://github.com/sebyldino/TileDash/releases/tag/v0.2) is available:**

- Now fits the smartphone: add mobile=true in url like http://YOUR\_URL/?mobile=true&token=…

- Adjust “portrait” orientation

- Updated THERMOSTAT type

- Updated SLIDER type and display value fixed

- It is now possible to add the same device several times

- The popup closes automatically after 20 seconds of inactivity (tell me if you want to custom this time)

- Setting an id for the IMAGE type is no longer necessary

I’m also trying to:

- create file/site to generate user dashboard’s file for easy configuration. (searching a solution…)
- create tutorial for installation

![Thermostat2](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/8/a/8a3ddb60564a81a9a023f46813dc8c46ecff67b8.jpeg)

 ![Slider3](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/e/7/e7c46ccfd612d76d4c093db5735fc11ea524d0ff.jpeg)

---

<div class="post-metadata">

**Author:** ![sebyldino](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sebyldino/32/20067_2.png) [@sebyldino](https://community.homey.app/u/sebyldino)\
**Post date:** [January 5, 2024, 9:05am UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/5 "2024-01-05T09:05:13Z")

</div>

If you have not server, you can aslo run it locally on your computer:

- Download TileDash
- Open the TileDash folder
- Right click on index.html → open with (select your browser)
- In web browser tab, add your token like this:

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

I add a dashboard-DEMO.js file.  
If you want to try TilDash, you can rename this file to “dashboard.js” and replace original “dashboard.js” file.

---

<div class="post-metadata">

**Author:** ![sebyldino](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sebyldino/32/20067_2.png) [@sebyldino](https://community.homey.app/u/sebyldino)\
**Post date:** [January 19, 2024, 6:45am UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/6 "2024-01-19T06:45:45Z")

</div>

[v0.3](https://github.com/sebyldino/TileDash/releases/tag/v0.3) is available

- Add second value for SENSOR  
 ![sensor](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/f/d/fd03f24c9e7e5a42d12df9db695bc32dd2d581e5.jpeg)

[TileDash tool](https://tiledash-tool.000webhostapp.com/) is available to create your configuration easily.

---

<div class="post-metadata">

**Author:** ![sebyldino](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sebyldino/32/20067_2.png) [@sebyldino](https://community.homey.app/u/sebyldino)\
**Post date:** [January 23, 2024, 5:32pm UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/7 "2024-01-23T17:32:07Z")

</div>

Upload a config to modify it is now available on [TileDash tool](https://tiledash-tool.000webhostapp.com/).

---

<div class="post-metadata">

**Author:** ![Yoann\_PETITJEAN](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/yoann_petitjean/32/104736_2.png) [@Yoann\_PETITJEAN](https://community.homey.app/u/Yoann_PETITJEAN)\
**Post date:** [March 28, 2024, 4:10pm UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/8 "2024-03-28T16:10:22Z")

</div>

Hello,  
Great job according to me ! Just what i’ve been waiting for … not so long since I’ve bought my Homey just a week ago… I’m on eedomus for now (I’m French)

I’ve just tried TileDash, but seems not find its way to my Homey …  
Got this message in Chome console : athom-api.min.js:1  
GET http://homey-_ **myID** _\*.local/api/manager/system/ping?id=_ **myID** _ net::ERR\_NAME\_NOT\_RESOLVED

I guess the adress should be

> https ://my.homey.app/homeys/_ **myID** _\*/api/manager/system/ping?id=_ **myID** _

I’ve got a Homey Pro 2023, peharps it’s the reason why.

Could you tell me how and where to fix this ? (I can edit some of the .js files…)

---

<div class="post-metadata">

**Author:** ![sebyldino](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sebyldino/32/20067_2.png) [@sebyldino](https://community.homey.app/u/sebyldino)\
**Post date:** [June 11, 2024, 10:22am UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/9 "2024-06-11T10:22:18Z")

</div>

[v0.4](https://github.com/sebyldino/TileDash/releases/tag/v0.4) is available

#### Reease notes for v0.4

- Flows and Advanced flows can be add on header (set them at end of dashboard.js)
- Add possibility to disable screenSaver on mobile
- Refresh the page when it comes back to the foreground on mobile

 ![headerFlows](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/e/a/ea3224699f57b633fde1b84341b239af53e18fd5.jpeg)

![Gif flow mobile](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/c/4c859750f9873f0dae615e6fbc92b38424303e9f.gif)

---

<div class="post-metadata">

**Author:** ![cra](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/cra/32/34580_2.png) [@cra](https://community.homey.app/u/cra)\
**Post date:** [October 2, 2024, 12:10pm UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/10 "2024-10-02T12:10:45Z")

</div>

This looks really promising! Learning curve is a little bit steep, but it doesn’t seem to be very long, so I’ll cope. I just have to decide what I want to display and how to do it. 😃

---

<div class="post-metadata">

**Author:** ![Ronald\_Ubels](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/ronald_ubels/32/117836_2.png) [@Ronald\_Ubels](https://community.homey.app/u/Ronald_Ubels)\
**Post date:** [October 30, 2024, 9:59pm UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/11 "2024-10-30T21:59:17Z")

</div>

This looks great!  
I tried installing this (v0.4) on my webserver so it’s accesible via the web. But I can’t get it to work with my Homey 2016 - 2019. I added the token, but somehow it can’t find the site properly. Without the token (url ending with index.html) it finds a site, but it is all black, but with a tiledash icon on the tab. With the token I get a 404, can’t find page. I tried replacing the dashboard.js with the demo version, but that didn’t help. What am I doing wrong?

Furthermore the Tiledashtool link isn’t working ([https://tiledash-tool.000webhostapp.com/](https://tiledash-tool.000webhostapp.com/))

(image of site without token)

 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/b/9/b9567fe126aa9b3824e405297580e7348fe24f98.png)

---

<div class="post-metadata">

**Author:** ![sebyldino](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sebyldino/32/20067_2.png) [@sebyldino](https://community.homey.app/u/sebyldino)\
**Post date:** [November 2, 2024, 1:14pm UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/12 "2024-11-02T13:14:55Z")

</div>

Hello,

I have reinstall my TileDash because i have change my NAS, and it works for me, even with dashboard.js demo file.

Is your URL correct? Like:

http://server\_IP/path\_to\_TileDash/index.html?token=xxx\_your\_token

Thanks for TileDash tool website, i will show that.

---

<div class="post-metadata">

**Author:** ![Ronald\_Ubels](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/ronald_ubels/32/117836_2.png) [@Ronald\_Ubels](https://community.homey.app/u/Ronald_Ubels)\
**Post date:** [November 2, 2024, 9:09pm UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/13 "2024-11-02T21:09:00Z")

</div>

I found the Problem. Thanks.

There was a slash that shouldnt be there after the index.html.

If you could get the link to the tool working, that would be great!

Thanks a lot!

---

<div class="post-metadata">

**Author:** ![sebyldino](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sebyldino/32/20067_2.png) [@sebyldino](https://community.homey.app/u/sebyldino)\
**Post date:** [November 20, 2024, 2:19pm UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/14 "2024-11-20T14:19:06Z")

</div>

[v0.5](https://github.com/sebyldino/TileDash/tree/v0.5?tab=readme-ov-file) is available:

- Add pages
- Add type GAUGE
- Add 2 theme: smooth-light and smooth-dark
- Add variable to css to customise some color (see ‘:root’ in each css)
- Adjust slider
- Adjust mobile vue
- Adjust some css styles
- Add possibility to define token in dashboard.js
- Group name is now optionnal

 ![Capture d'écran 2024-11-20 151127](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/a/9abd7397b8ef3fc0f2de0d387c9bb514d03b93a0.jpeg)

 ![Capture d'écran 2024-11-20 150951](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/8/1800af50d0c8db084abc3ded751fc7056abde6b9.jpeg)

---

<div class="post-metadata">

**Author:** ![Ronald\_Ubels](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/ronald_ubels/32/117836_2.png) [@Ronald\_Ubels](https://community.homey.app/u/Ronald_Ubels)\
**Post date:** [November 22, 2024, 2:41pm UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/15 "2024-11-22T14:41:28Z")

</div>

The Tiledashtool link isn’t working ([https://tiledash-tool.000webhostapp.com/](https://tiledash-tool.000webhostapp.com/))  
Is the url wrong?

---

<div class="post-metadata">

**Author:** ![Ronald\_Ubels](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/ronald_ubels/32/117836_2.png) [@Ronald\_Ubels](https://community.homey.app/u/Ronald_Ubels)\
**Post date:** [November 22, 2024, 3:38pm UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/16 "2024-11-22T15:38:11Z")

</div>

Hello Sebyldino,

I have a few further questions.

- How can I update to version V5.0 in a simple way? What files do I need to overwrite?
- My thermostat is the Google nest. Some values do not work.

- onOffCapabilityID: “nest\_thermostat\_mode” is heat or off
- heatingCapabilityID: “nest\_thermostat\_hvac” is off or heating
- there is also an ECO mode, it would be nice to have an on/off button for that too (nest\_thermostat\_eco true, false)
- there is also a humidity function, could the tile report that too?

It would be nice we could also add graphs from the ‘Insights’ of an app to be viewed in a ‘box’.  
This could be donde using the web API from the developer tools.

> [@Is it possible to create an app that has a web interface for external consumers?](https://community.homey.app/t/is-it-possible-to-create-an-app-that-has-a-web-interface-for-external-consumers/42444/7):
>
> I cant use insights, still some bug somewhere in Homey. So I needed an altenative, and by just adding one raspberry pi with influxdb on it and Grafana, I create my own dasboards and combine information from mutiple sensors. Only need the influxdb export app on the homey and all values are saved. Retension and compacting is now also possible but you are the one who choose when. Grafana has a simple access system, dashboard can be as viewer only. Examples:

You could use this tool: [Micro Web Server App voor Homey | Homey](https://homey.app/nl-nl/app/com.sdn.webserver/Micro-Web-Server/)  
Using teh webapi [Homey Developer Tools](https://developer.athom.com/docs/api/HomeyAPI.ManagerInsights.html) you could get data and post it.  
Or maybe somehouw we could just use the link directly?

 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/f/a/fa373af4c1db7fd6aa9209c4ed25920e310b8f29.png)

---

<div class="post-metadata">

**Author:** ![sebyldino](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sebyldino/32/20067_2.png) [@sebyldino](https://community.homey.app/u/sebyldino)\
**Post date:** [November 22, 2024, 4:37pm UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/17 "2024-11-22T16:37:50Z")

</div>

> [@Ronald\_Ubels](#):
>
> The Tiledashtool link isn’t working ([https://tiledash-tool.000webhostapp.com/](https://tiledash-tool.000webhostapp.com/))  
> Is the url wrong?

is only valid up to version v0.4 with the exception of flows. I won’t put it back online because it takes too much time to update TileDash and then TileDash Tool. I thought it would be a good idea but too time consuming. Sorry. (But i will publish the actual version it on github because it can works simply in a browser).

> [@Ronald\_Ubels](#):
>
> How can I update to version V5.0 in a simple way? What files do I need to overwrite?

First make a full backup. Then replace all js, css and html files except dashboard.js file.  
And update dashboard.js file to support pages and adjust ‘settings’ section:  
Actually your dashboard.js look like this:

```auto
const dashboard = [
  {/* group 1*/},
  {/* group 2*/},
  //...
];

```

and must now be:

```auto
const dashboard = [
  {// page 1
    icon: 'mdi-home', // optionnal
    group: [
      {/* group 1*/},
      {/* group 2*/},
      //...
    ];
  },
  {// page 2
    icon: 'mdi-home', // optionnal
    group: [
      {/* group 1*/},
      {/* group 2*/},
      //...
    ];
  },
];
// you can define only 1 page and comment 'icon' to have same 
// look of previous TileDash version

```

and for settings section, you can add the 2 last lines but it’s optionnal. 1 is to define token and the other to have a clear header on mobile.

> [@Ronald\_Ubels](#):
>
> - My thermostat is the Google nest. Some values do not work.
> 
> - onOffCapabilityID: “nest\_thermostat\_mode” is heat or off
> 
> - heatingCapabilityID: “nest\_thermostat\_hvac” is off or heating
> 
> - there is also an ECO mode, it would be nice to have an on/off button for that too
> 
> - there is also a humidity function, could the tile report that too?(nest\_thermostat\_eco true, false)

Can you share me, in private message, the values of Nest thermostat found in the [developper tools](https://tools.developer.homey.app/tools/devices). I can work to integrate it.

> [@Ronald\_Ubels](#):
>
> It would be nice we could also add graphs from the ‘Insights’ of an app to be viewed in a ‘box’.  
> This could be donde using the web API from the developer tools.

I’m working on adding insights. I will update as soon as it is done.

> [@Ronald\_Ubels](#):
>
> You could use this tool: [Micro Web Server App voor Homey | Homey](https://homey.app/nl-nl/app/com.sdn.webserver/Micro-Web-Server/)

Yes i saw that. I dont know if TileDash can run on it. It will be try…

---

<div class="post-metadata">

**Author:** ![Tempest83](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/tempest83/32/120762_2.png) [@Tempest83](https://community.homey.app/u/Tempest83)\
**Post date:** [May 14, 2025, 12:58am UTC](https://community.homey.app/t/tiledash-an-homey-dashboard/98802/18 "2025-05-14T00:58:56Z")

</div>

This project seems to be exactly what I am looking for, but I seem a little lost on getting started. I download the project and renamed the DEMO file to dashboard.js, however any time I try to load the page, with or without token added to the URL, the page comes up blank. Am I missing something obvious? I am also encountering the same behavior whether I try load the page locally from my computer or from a webhost.

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

I’d like to make sure the Demo works first before dumping lots time and effort into customizing a dashboard just to have an empty page load.
