TileBoard - New dashboard for Homeassistant

I’ve had an idea for a larger media player/weather component, is there anyone that would be able to help me with the code to create it?

2 Likes

i have the same issue too

Hi Everyone.
Thanks for everyone’s hard work. This dashboard looks promising for some older iPads I have laying around.

I wanted to post something about all my issues in hopes that it would help someone else.

My setup is Hassio running on RPi 3B. My setup runs Duckdns and nginx from the add-on store so I can access my HA from xxx.duckdns.org. I kept getting 404: Not Found error when I would load

https://xxx.duckdns.org/local/tileboard/index.html

or

https://xxx.duckdns.org:8123/local/tileboard/index.html

The below is found throughout this thread in many places but in my experience is not correct

   serverUrl: "https://xxx.duckdns.org:8123",
   wsUrl: "wss://xxx.duckdns.org:8123/api/websocket",
   passwordType: PASSWORD_TYPES.PROMPT_AND_SAVE,

The lines above with the port number included never made sense to me because you dont use the port number when you go to duckdns. The line that works for me is

   serverUrl: "https://xxx.duckdns.org",
   wsUrl: "wss://xxx.duckdns.org/api/websocket",
   passwordType: PASSWORD_TYPES.PROMPT_AND_SAVE,

So if you are having 404 error and cant get TB to load and are using the port number in the config.js then try taking out the port number from you serverUrl and wsUrl lines. This caused me alot of headache.

here is my tileboard so far. but i have some questions, i hope you can help me to solve them:

  1. my AC is not showing up buttons to control it as well as the temperature in the room (in homeassistant i can do it)

  2. how can i apply border-radius to the picture in media_center to match the other entities? also is it possible to apply a box 70-80% transparency that will overlay the media picture so the text will be visible?

Really nice yes!

As already stated, consider making a PR :slight_smile:.
Otherwise I can deal with a good explanation and the files :blush:

does anyone find that TTS doesn’t always get played on their device?
I have a tileboard fire TTS everytime I unset the alarm but it only seems to work half the time, can’t see any issues in the logs.

Updated to latest version after reading above but climate is still not showing hvac_modes , only shows set_preset_mode in TYPES.CLIMATE tile.

also life360 tile is behaving differently, hideEntityPicture: is set to false but with latest version the picture is gone, reverting back to previous all is fine.

anything I’m overseeing here.?

(using Daikin AC’s)

I updated to the latest TileBoard files and I am still having the climate.house tile not showing hvac_modes. Anything I’m missing?

I’ve been playing around with this for a couple of days and ended up being able to get pretty close to the “Clear Theme” from another thread. Pretty pleased with how it looks at the moment.

I have uploaded my custom.css and background image to github if anyone wants to use it.
https://github.com/bremor/tileboard-clear-theme

3 Likes

like this look ! please share the code :pray:

1 Like

Same here, haven’t found a solution either

yeah same

i’m using the daikin skyzone custom component

But I FIXED IT !!!
and its working for me
this is what i did

had to change in /scripts/controllers/main.js
under
setClimateOption

from set_preset_mode to set_hvac_mode
and preset_mode to hvac_mode

and in the index.html file
under the TYPE.CLIMATE
change the first two entity.attributes.preset_mode to just entity.state as mine doesnt have that attr or does it have any preset_modes
changed the operation_list to hvac_modes as per the changes
and the preset_modes to again hvac_modes cause thats what were listing

now i just have to work out how to put the fan mode on the same tile
and will be sweet

3 Likes

i fixed mine see above

@Harry13
Thanks, those instructions worked great for fixing my climate tile.

I can understand wanting to add the fan, however I use that function so seldom that it doesn’t bother me too much not having it.

Same here but it’s the Virgo in me that want a everything perfect !

Using Tileboard for the phone, it allows 7 icon pages to fit the width of the screen. When I add another page, ir creates another row. Is it possible to keep only one row, sliding left and right instead? Thanks.

Hi, can anyone help me please? I have a simple configuration of a Custom Tyle for power-on and power-off my Climate:

  • if I try to delete all “var” and “action” declaration, it doesn’t work;
  • I try to call service “climate.turn_on and climate.turn_off” from HA interface, and it works without any problem.

The tile doesn’t work, when I press it nothing happens.

Below the configuration:

{
position: [0, 0],
type: TYPES.CUSTOM,
title: ‘AC Camera’,
id: ‘climate.ac_camera’,
icons: {
‘cool’: ‘mdi-snowflake’,
‘off’: ‘mdi-power-standby’,
},
action: function(item, entity) {
var action = ‘climate.turn_on’;
if(entity.state === ‘cool’) {
action = ‘climate.turn_off’;
}
Api.send({
type: ‘call_service’,
domain: ‘climate’,
service: action,
service_data: {
entity_id: climate.ac_camera
}
});
}
},

Can anyone help me please?
Thanks

Is it possible to use TIleboard to switch on and off an Automation?

I’ve tried the type: TYPES.AUTOMATION, but it only triggers it, can the type: TYPES.SWITCH, switch be used here?

Yes, switch can be used for automations. I do.

1 Like

Thanks just added it in and it works great. :slight_smile:

The only other thing I’m missing now is some way of change in input_text using a Tileboard tile, but that’s probably beyond the scope of what Tileboard is intended to do.