Thank you for the response, here is the state dump for that cover:
current_position: 100
friendly_name: Tapparella salotto destra
supported_features: 15
Have been attempting to learn how to implement a tile board like these… but my brain is either not working or I just dont get it?
Is there somewhere I can obtain a file or files that contain the code for tile boards like these?
I find it easier when I can see an example… guess that’s how my brain works. If someone could point me in the right direction that would be awesome!
@attributes.current_position
Hello !
I came across tileboard while looking for a clear board for a (wall mounted) tablet. First, I wanted to thank you (and all contributors) for this extensive work !
I still have a question: how are people running tileboard full screen on an android tablet ? (I don’t really mind of the browser)
Thank you so much! But how can I invert the slider position? when I refresh the page I get the slider to 0% even if the value shown and the position of the roller shutter is 100%.
You don’t need to invert anything. The problem that you have is value not being read from the attribute.
You can either use an app called FullyKioskBrowser which does require a small licensing fee for full version or WallPanel which is open-source project by one of HA super-heroes.
1 Like
@resoai thank you for the response. Any clue on how to debug? I’m really clueless here, I tried everything 
Did you change value to @attributes.current_position?
you can put a tile over another. just use the same positions, and remember that the last tile is the one can be clicked. and onluy one tile must have the backgroud set.
Yes, I did
{
position: [0, 0],
width: 1,
type: TYPES.COVER,
id: 'cover.tapparella_salotto_destra',
state: false,
title: 'Livingroom right',
subtitle: 'Roller shutter',
unit: '%',
value: '@attributes.current_position',
slider: {
field: '@attributes.current_position',
request: {
type: "call_service",
domain: "cover",
service: "set_cover_position",
field: "position"
}
}
},
Why did you mix COVER tile config with SLIDER?
Sorry, I got confused in pasting the code. Here is the code of the two tiles, the slider is the tile not working properly.
{
position: [0, 0],
width: 1,
type: TYPES.COVER,
id: 'cover.tapparella_salotto_destra',
state: false,
title: 'Livingroom right',
subtitle: 'Roller shutter',
unit: '%',
value: '@attributes.current_position',
slider: {
field: '@attributes.current_position',
request: {
type: "call_service",
domain: "cover",
service: "set_cover_position",
field: "position"
}
}
},
{
position: [1, 0],
width: 2,
type: TYPES.SLIDER,
//id: "input_number.volume",
id: 'cover.tapparella_salotto_destra', // replace it with real string id
title: ' ',
state: false,
unit: '%',
value: '@attributes.current_position',
slider: {
max: 100,
min: 0,
step: 5,
field: 'position',
request: {
type: "call_service",
domain: "cover",
service: "set_cover_position",
field: "position"
}
}
},
hi, hope someone can help me figure things out,two main quetions.
Firstly, the add on, seems like a great idea making thing much easier when upgrading, but can you still have several configs, custom.css and split the config?
And now my main problem:
I haven’t updated my Tileboard for quite a while and are a bit confused on how to migrate to the new structure.
As of now I have split my config so I have my tiles in separate files (sensors.js, lights.js etc) and linked to them from the intex.html
I also have several configs, each with their own custom.css.
From what I gather, this is not how to do it now? I have read the “splitting up the config” in the wiki, (and everything else in the wiki, and this thread as well) but it will not work.
Below are my config.js an one of the files with the corresponding tiles, in a condensed version:
How to migrate this to the new structure? As I said I have tried the solution in the wiki, but will not work. Do I have to rewrite anything in the tiles files? or?
What am i missing?
var CONFIG = {
.
.
.
pages: [
{
title: 'Main page',
bg: 'images/bb1.jpg',
groups: [
{
width: 3,
height: 5,
groupMarginCss: '0px 10px 0 15px',
items: [
input_boolean_radio(2, 3.6),
input_boolean_tv(2, 4.1),
input_boolean_chromecast(2, 4.6),
],
},
]
}
],
};
And the file with the tiles, input_boolean.js, look like:
var input_boolean_radio = function(x, y) {
return {
position: [x, y],
width: .5,
height: .5,
type: TYPES.INPUT_BOOLEAN,
id: 'input_boolean.radio',
title: false,
state: false,
bg: 'images/p1_transp_color.png',
classes: ['input-boolean-item-entity--icon','input-boolean-icon-color'],
};
};
var input_boolean_tv = function(x, y) {
return {
position: [x, y],
width: .5,
height: .5,
type: TYPES.INPUT_BOOLEAN,
id: 'input_boolean.tv',
title: false,
state: false,
icon: 'mdi-television-classic',
classes: ['input-boolean-item-entity--icon','sensor-blue-icon'],
};
};
var input_boolean_chromecast = function(x, y) {
return {
position: [x, y],
width: .5,
height: .5,
type: TYPES.INPUT_BOOLEAN,
id: 'input_boolean.chromecast',
title: false,
state: false,
icon: 'mdi-cast',
classes: ['input-boolean-item-entity--icon','input-boolean-icon-color'],
};
};
COVER does not have a slider or value. To be honest I vaguely remember the code behind the slider (and I have no access to PC) and I doubt it will work with cover.
It does in lovelace…
This is how your config.js could look like. create includes directory and store any of your JS files in it.
function loadScript(url) {
var req = new XMLHttpRequest();
req.open('GET', url + '?cache=' + Math.random(), false);
req.onreadystatechange = function(){
if (req.readyState === 4) {
var s = document.createElement('script');
s.appendChild(document.createTextNode(req.responseText));
document.head.appendChild(s);
}
};
req.send(null);
}
loadScript('includes/tiles.js');
loadScript('includes/whatever.js');
No success I’m afraid 
Thank you very much for trying to help, now i’m struggling with the toast notifications
value: '@attributes.current_position', should display correct position. To see the value try settings the state to it: state: '@attributes.current_position',. Does this show position on the top left corner of the tile?
I managed to show the correct position, but the slider always positions itself at 0% even if the value is 100%. Moreover, the slider works but when you refresh the page it just goes back to 0% regardless of the current position.