Thanks for great board, but for some reason, pages are not working for me.
I’ve set-up 2 pages and when click on second - nothing changes 
never mind. there was an error in config.
Hi
is it possible to use another android app inside an iframe or something?
im using an android tablet with wallpanel and tileboard
RKG90
Implemented 2 events to allow adjusting brightness via black transparent overlay:
custom.css:
.brightness-overlay {
height: 100%;
width: 0;
position: fixed; /* Stay in place */
z-index: 10; /* Sit on top */
top:0px; right:0px; bottom:0px; left:0px;
background-color: rgb(0,0,0); /* Black fallback color */
background-color: rgba(0,0,0, 0.3); /* Black w/opacity */
overflow-x: hidden; /* Disable horizontal scroll */
pointer-events: none;
}
index.html (before <div ng-if="ready" class="page-container"> )
<div id="brightness-overlay" class="brightness-overlay"></div>
index.js
events: [
{
command: 'dim',
action: function(e) {
document.getElementById("brightness-overlay").style.width = "100%";
}
},
{
command: 'bright',
action: function(e) {
document.getElementById("brightness-overlay").style.width = "0%";
}
},
],
homeassistant automation:
- alias: Dim Tileboard
initial_state: 'on'
trigger:
- platform: numeric_state
entity_id: sensor.illumination_158d00016xxxxx
below: 10
action:
- event: tileboard
event_data:
command: 'dim'
- alias: Bright Tileboard
initial_state: 'on'
trigger:
- platform: numeric_state
entity_id: sensor.illumination_158d00016xxxxx
above: 10
action:
- event: tileboard
event_data:
command: 'bright'
enjoy 
1 Like
@ nickcj: Thanks. I just figured out that i could just put tileboard on a different web server (in my case on a qnap) which does allow access control via htaccess and additionally is not exposed to the internet. Seems to work fine
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