TileBoard - New dashboard for Homeassistant

Okay - is the way the device tracker tile can show a map or a picture dynamic? Could the “hideEntityPicture” field take a formula?

I’ve just put this straight into my config and it works. I’m guessing that you’re using the dark_sky sensor component not the dark_sky weather component and it’s showing up ok on a HA states page? If so, the problem has to be elsewhere in the config.

See, I think that’s where I’m lost. What do I need to do to add that sensor in my HA?

I see that I need to add the component. Let me see if that does it

You can find he instructions here: https://www.home-assistant.io/components/sensor.darksky/

You’ll need to register with Dark Sky, and then add in the sensors something like this:

- platform: darksky
  api_key: <your api key>
  units: ca
  monitored_conditions:
  - temperature
  - humidity
  - precip_probability
  - precip_intensity
  - wind_speed
  - pressure
  - wind_bearing
  - apparent_temperature
  - icon

3 Likes

Was not having the dark sky sensor in the first place. Told ya, I was a noob! Thanks for your help. Loving HA and this dashboard. This is so much better than SmartThings and Actiontiles. Now to get Harmony activities working lol

Congratulations, looks good!

Hi all,

Starting to think about using Tileboard for a kiosk at home, but haven’t dealt in hosting or creating websites/html before. I have a Synology NAS at home that I would likely host this on, only want it to be available locally over the LAN (192.168.1.0/24).

Can anyone share some quick tips on how to start getting set up?

Sorry for the broad question, just not entirely sure where to start!

hi @benm7, it doesn’t have to be as complex as that. If you NAS has folders that you can browse to from another computer, you just need to put all of the TileBoard components there, and then just browse to ‘index.html’. In your browser it would look something like:

file://<NAS SHARE NAME>/index.html
or
file://<NAS SHARE NAME>/<folder name>/index.html

The easiest way to start is to put the TileBoard files in a folder on your computer, update config.js to point to your HA server, then double click on index.html and it will appear in your browser - no web server required.

Awesome, sounds super simple! Any issues if I am using DuckDNS and LetsEncrypt?

You mentioned that you wanted the dashboard to work on your local LAN only, so it shouldn’t be an issue.

@resoai
What is the correct procedure for updating. do i just replace all files in my Tileboard directory except for config.js ?

Nice, is that sonos? Are the on buttons joining different rooms?

Correct. If you’re using Git, just do a pull otherwise just copy down and replace the files (which is what the pull would do).

1 Like

Is it possible to have a time out where it returns to the main page after a certain amount of time

I have set aside my Saturday to migrate to Tileboard from my current HADashboard set up. So far (learning curves aside) its going great! Thanks for such a fantastic job @resoai!

I am however having trouble migrating one sensor I have, it shows a list of my open windows on a 1x2 tile

The sensor displays fine on tileboard but is unreadable because of the large text size. Can anybody point me in the right direction to fix this?

1 Like

git pull, like any other repository.

Can you please post code and screenshot?

Hi Resoai,

Code

  {
     position: [0, 2],
     width: 2,
     height: 1,
     title: 'Window Status',
     type: TYPES.SENSOR,
     id: "sensor.all_window_status",
     state: false,
  },

Image:
08

What is happening is expected but id like to fit all the text on the tile if possible?

Also not I have just noticed my cameras are loading thumbnails fine but the full screen view displays nothing. Have I missed something?

Code:

          {
             position: [0, 0],
             id: 'camera.front',
             type: TYPES.CAMERA_THUMBNAIL,
             bgSize: 'cover',
             width: 2,
             state: false,
             fullscreen: {
             type: TYPES.CAMERA,
             refresh: 1500, // can be number in milliseconds
             bgSize: 'contain'
       },
       refresh: function () { // can also be a function
          return 3000 + Math.random() * 1000
       }
    },

Image:

Thanks again for the reply