If you want to maintain the second thread, you’re more than welcome to collect all useful links 
2 more question:
- Is it possible to set the font size a specific tile?
- Can i change the background color or set a background image for a specific tile?
THANKS
I’ve been asking it already:
Regarding the background, you can change via customStyles
How do i start an android app from fully kiosk browser.
Cant seem to get the custom tile to do anything.
So i guess i set it up wrong
On a Windows PC simple pres ctrl + f5
How do I add a Manual Away button? That will essentially shut down the house when I press - like turn off all lights, switches etc?
Hi guys
I’m trying to add custom icon based on value. I have a list of batteries status for my sensors and trying to do the following:
{
title: 'Living Room',
value: '&sensor.temperature.attributes.battery_level',
unit: '%',
icon: function (value) {
if (value< 50) {
return 'mdi-battery-50'
} else {
return 'mdi-battery'
};
},
},
And that does not work. Is there a way to do it?
Thanks.
Found solution. Is that correct way to do it?
Thanks
icon: function(item, entity){
var num = this.parseFieldValue('&binary_sensor.temperature.attributes.battery_level');
if (num <= 10) {
return 'mdi-battery-10'
} else if (num <= 20) {
return 'mdi-battery-20'
} else if (num <= 30) {
return 'mdi-battery-30'
} else if (num <= 40) {
return 'mdi-battery-40'
} else if (num <= 50) {
return 'mdi-battery-50'
} else if (num <= 60) {
return 'mdi-battery-60'
} else if (num <= 70) {
return 'mdi-battery-70'
} else if (num <= 80) {
return 'mdi-battery-80'
} else if (num <= 90) {
return 'mdi-battery-90'
} else if (num <= 100) {
return 'mdi-battery'
}
},You can do this by setting a decimal value for a size. For example:
height: .7,
width: .7,
1 Like
icon: function(){
var battery_level = this.states[item].attributes.battery_level || 0;
var battery_round = parseInt(battery_level / 10) * 10;
if (battery_round >= 100) return 'mdi-battery';
else if (battery_round > 0) return 'mdi-battery-' + battery_round;
else return 'mdi-battery-alert';
}
2 Likes
Looking great! Struggling to align the bearded - everything seems to overflow. Was does your padding / css look like for your header? @kobiak
@ SimplyGardner I did some custom CSS overwrites. Works OK on tablet landscape, and I’m going to do fully responsive to fit mobile.
Fantastic! Mind sharing your code? 
@SimplyGardner it’s very simple set-up https://codepen.io/kobiak/pen/oJrZNL
best works on 3 groups per screen with width = 2 and height up to 3 too.
1 Like
Great - thanks for that - will play around with it at the weekend. Which tablet are you using?
Have to say this looks fantastic - might replace my HAdashboard with this if I can get it working
Tried to add the climate tile but get this error
Uncaught ReferenceError: climate is not defined
File: http://192.168.0.26:8123/local/tileboard/config.js
Line: 113:26
I’ve cleared my cache though?
{
position: [0, 0],
width: 1,
type: TYPES.CLIMATE,
id: climate.living_room,
title: 'Nest',
unit: 'C',
state: function (item, entity) {
return 'Current '
+ entity.attributes.current_temperature
+ entity.attributes.unit_of_measurement;
}
},Ignore me - needed my id in ""s 