to change yaxis font color
- copy DEFAULT_CHART_OPTIONS variable to your config.js and rename MY_CHART_OPTIONS
- add “fontColor: ‘yellow’”, after ticks in yAxes
- reference new var in TYPES.HISTORY options: MY_CHART_OPTIONS
Hello Dudu, Could you share your tileborard configuration (weather management) with the dynamic background? Thank you
Hello,
I am looking for help about the climate type card.
I can’t figure out how to start or stop air conditioner from this card with my current config. I can only increase or lower the air conditioner temperature :
in config.js :
position: [0, 2],
id: "climate.climatisation_appartement",
customStyles: {'fontSize': '15px', 'background-color': 'purple'},
type: TYPES.CLIMATE,
unit: 'C',
useHvacMode: false, // Optional: enables HVAC mode (by default uses PRESET mode)
state: 'Actuelle :' + '&sensor.salon_temperature.state' + '°C',
in configuration.yaml
climate:
- platform: smartir
name: Climatisation Appartement
unique_id: appartment_ac
device_code: 1260
controller_data: 192.168.1.76
temperature_sensor: sensor.salon_temperature
humidity_sensor: sensor.salon_humidity
power_sensor: binary_sensor.ac_power
screenshot from tileboard :
screenshot from homeassistant where all is working fine :
Do you know why I don’t have the ability to stop of start the air conditioner from this tileboard card (something I can do with the homeassistant card)?
Thank you
EDIT : OK, I found how to change the air conditioner mode. I have to click under the target temperature. I think there is a label missing where I have to click because I click on an empty space
Do you know how to display correctly the missing label (I think it should display the current air conditioner mode) ?
Here the air conditioner entity details :
Hoping someone can help, I have searched this thread but it’s a pretty lard thread. I am using the Vertical menu, I notice each page I scroll down the tiles shift down as well, a little more with each page.
I’m new to Home Assistant, migrating from SmartThings due to some concerns with the state of its future. So far, so good; but even with a lot of experience with WebCore it’s been quite a learning curve.
While Lovelace has some neat tricks, this looks a lot like Action Tiles, which was my go-to dashboard for SmartThings. I’m very intrigued; but hoping for a more user-friendly (i.e. not a coding whiz) front end for this. This shows a very great deal of promise.
Your thermostat is like mine where the state of the climate device is what needs to be used to display the status. The tileboard code uses one of the attributes. I had to modify the code. I think it was main.js but I’m away from my system at the moment. I’ll post more info when I get back.
UPDATE:
At line 1317, I changed entity.attributes.hvac_action to entity.state
I couldn’t find a way in HA to add a custom attribute to climate and set it to state. If that’s possible, all you would need to do is add a custom attribute of hvac_action and set the value to state. If anyone knows a way to do this in HA, please chime in.
$scope.getClimateCurrentOption = function (item, entity) {
//return item.useHvacMode ? entity.attributes.hvac_action : entity.attributes.preset_mode;
return item.useHvacMode ? entity.state : entity.attributes.preset_mode;
};
1 Like
Please open an issue on GitHub describing the behaviour.
Hey guys. I just started using tileboard with fully kiosk a few days ago. I’m having trouble getting it to work right after screen is turned on.
I’ve been searching for answers and up until now no success, so let me as here.
I set fully kiosk to enter screensaver after 30 seconds and after 1m it turns off screen.
But when I turn the screen on again the tile board is not functional for a few seconds.
The screen turns on, the tiles disappears then appears again.
It shows a message on the bottom right corner saying “Ping unsuccessful” for a moment. Then it disappears and shows a “Reconnection” message. And just then I can use the buttons.
I have ping option set to true on the config file.
Any ideas? Does tileboard support turning the screen on/off besides screensaver?
Check that battery optimization is off and allow background activity is on for fully kiosk app. That’s my best guess.
Thanks for the hint. I tried that but no luck.
I realized that if I reload the page from the fully kiosk remote admin the delay upon turning the screen on is smaller. The tileboard buttons just blink for a second and they are back.
But I would like to be imediately responsive, just like when returning from screensaver.
I know this thread is for TileBoard, not Fully Kiosk Browser, but I don’t think the problem is on FKB. When I use lovelace instead of tileboard it seems to be working ok. I guess it has something to do on how tileboard works.
If anyone has any ideas… 
I’m using TB on a Lenovo M7, which is a pretty low end cheap tablet, with Fully. The tablet sleeps 99% of the time and I wake it up with a double tap. Just the normal Android sleeping, not the FKB ‘always-on-but-black-screen’ thing. While I do get a short delay (less than a second) until TB is responsive after waking up, I don’t experience any flickering. There’s also no page reload. I’m guessing the websocket probably idles out while the device is asleep, so TB will have to reconnect with HA on wakeup. But on a LAN, that should be really quick.
Make sure the Wifi chip is always running and doesn’t go to sleep. Otherwise you will need to reconnect to the wifi network on wakeup, which is slow. Also make sure to not force FKB to reload the page on wakeup.
Im also using the screen off from the tablet itself. Not that horrible blackish screen.
I wish i had a tablet that wakes up the screen with double tap. But the one i’m using is so terrible it doesnt even do it lol
I’ve been searching on how to change the kernel to enable double tap wake up, but sounds too complicated. I’ll browse the price of the Lenovo M7… maybe i’ll change it.
And since you mentioned, i’m not using it on my LAN network. I set it to connect on HA from the WAN address because of the SSL error (which later i found out that FKB could bypass). I’ll try to connect on HA on LAN to check if the delay is smaller.
Thanks!
You may also want to give the tablet a long lived access token (only do this on the LAN !). Otherwise the temporary auth token will expire while the tablet is asleep and need to be refreshed on wakeup. Which adds more delay.
I cant use access tokens because it is exposed to the web.
Changed the url to use LAN connection, enabled “ignore ssl errors” and still having the same reconnecting problem.
Is there any way to avoid the socket from going idle?
Even though i REALLY liked tileboard, I think i’ll have to go back to lovelace on FKB =/
Has anyone managed to get AccuWeather to work in Tileboard? If so could you please publish your code?
I’ve added the HA AccuWeather integration after obtaining an API key but I’m confused with how to implement it in Tileboard.
I can’t publish my code because I deleted it as it didn’t work for me but that’s likely to be me coding incorrectly.
I wish DarkSky still offered API.
Hi all,
Long time lurker here but first time poster
I’ve been sending all my devices through from Hubitat to HA, solely for the use of TileBoard, I love it!!
I’d like to show the battery level state on my window contact tiles, but try as I might, I’m not getting them there,
This is my normal tile.
{
position: [1, 0],
width: 1,
height: 1,
title: 'Utility',
subtitle: 'Windows',
type: TYPES.SCRIPT,
id: 'binary_sensor.utility_window_contact',
icons: {
on: "mdi-window-open",
off: "mdi-window-closed"
},
states: {
on: "Open",
off: "Closed"
},
customStyles: function(item, entity) {
return { 'backgroundColor': entity.state == 'on' ? 'red' : 'green' }
},
},
I’ve read through this thread so much attempting to do what I’d like, but to no avail.
My battery is showing as this, but without _level.
sensor.utility_window_battery
And the tile
Any help appreciated.
Cheers
Roy
Is there a way yet to get live stream in a tile from a camera?
I have the following code but it doesn’t stream live:
{
position: [2, 2],
id: 'camera.kitchen_cam',
type: TYPES.CAMERA,
bgSize: 'cover',
width: 3,
height: 2,
state: false,
fullscreen: {
type: TYPES.CAMERA,
refresh: 1000,
bgSize: 'contain'
},
refresh: function () {
return 3000 + Math.random() * 1000
}
}
1 Like
How about instead of using a screensaver and turning off the display, have it set the display to as dim as it can go and never turn off the display. If you can, set it to go to full brightness when motion is detected in the camera. That way way, it’ll always be active in the foreground. That’s the way I have mine configured and it works great.
First just want to give a huge thanks for TileBoard! Just what I wanted for my move from SmartThings to HA.
As many others, I want to change the tile background (for higher visibility) when a switch is on. From reading this thread, the below “should” work:
customStyles: function(item, entity){
return {
'backgroundColor': entity.state === 'on' ? '#ff0000' : '#ffff00'
}
}
By default that does not work, but if I remove “!important” from theme.css then it does. The other thing that works is in the browser dev tools, can add “!important” to the above color that gets added. But what does not work, is adding “!important” to the config.js code:
customStyles: function(item, entity){
return {
'backgroundColor': entity.state === 'on' ? '#ff0000 !important' : '#ffff00 !important'
}
}
When doing that, the color change never makes it to the dev window even. What is also weird, if I make the above rgba() it changes it to rgb().
Any thoughts on the best way to work around this issue? Thinking to change the theme.css is not the best.
Thank you!