as I’m not a css master can I kindly ask someone to write for me custom.css which will change columns width in tile TYPES.TEXT_LIST
in general, now it looks like this:
and I would like to have 70/30 split -> middle and right side column.
The first one with icons is ok
Thank you very much in advance.
So I have created the directory
/usr/share/hassio/homeassistant/www/ and all of the files are in there including index.html but I get a 404 when going to https://IP.AD.DR.ES:8123/local/index.html
I have restarted HA. What am I missing?
DarkSky works on HA but for some reason not with Tileboard. I also had it working on my tablet for days after it stopped working on my laptop but as soon as I edited the code it stopped working on my tablet too.
This is my code for that section:
{
position: [2.27, 2.11],
width: 2,
height: 1.8,
//classes: ['-compact'], // enable this if you want a little square tile (1x1)
type: TYPES.WEATHER,
id: 'weather.dark_sky',
title: '',
state: '&sensor.dark_sky_summary.state', // TOP RIGHT label with weather summary (e.g. Sunny)
icon: '&sensor.dark_sky_icon.state',
//iconImage: '&sensor.dark_sky_icon.state', // use this one if you want to replace icon with image
icons: { //Big Icon
'clear-day': 'clear',
'clear-night': 'nt-clear',
'cloudy': 'cloudy',
'rain': 'rain',
'sleet': 'sleet',
'snow': 'snow',
'wind': 'hazy',
'fog': 'fog',
'partly-cloudy-day': 'partlycloudy',
'partly-cloudy-night': 'nt-partlycloudy'
},
fields: { // most of that fields are optional
temperature: '&sensor.dark_sky_temperature.state', // BIG TEMP
temperatureUnit: '&sensor.dark_sky_temperature.attributes.unit_of_measurement', //CELCIUS
windSpeed: '&sensor.dark_sky_wind_speed.state',
windSpeedUnit: '&sensor.dark_sky_wind_speed.attributes.unit_of_measurement',
humidity: '&sensor.dark_sky_humidity.state',
humidityUnit: '&sensor.dark_sky_humidity.attributes.unit_of_measurement',
list: [
// custom line
'Feels like: '
+ '&sensor.dark_sky_apparent_temperature.state'
+ '&sensor.dark_sky_apparent_temperature.attributes.unit_of_measurement',
// another custom line
'Pressure: '
+ '&sensor.dark_sky_pressure.state'
+ '&sensor.dark_sky_pressure.attributes.unit_of_measurement',
// yet another custom line
'&sensor.dark_sky_precip_probability.state'
+ '&sensor.dark_sky_precip_probability.attributes.unit_of_measurement'
+ ' chance of rain'
]
}
},
Permissions look right but I also made the whole directory 777 for grins. Plus I would think I’d get a 403 or something instead of 404 if it was a permissions issue.
Reading some other posts it sounds as if maybe something along these lines is necessary? https://developers.home-assistant.io/docs/frontend_creating_custom_ui/
Try sudo docker exec -it homeassistant bash
You should be in /config. If not, cd /config then see if you have a www directory and if it contains your files.
Here’s the contents of my www folder along with permissions and ownership when shown within the docker instance.
Only thing I can recommend doing next is to create test.html file and add something simple like the following and see if it opens or also gives you a 404 message.
Search this topic for custom.css and classes: for more information and examples. Any entries in custom.css will override what’s in main.css. You can also use classes: to apply a custom style to a particular element of a tile.
You’ll need to play around with various settings until you get things the way you want them.
After update from 0.106 to 0.107.1 tileboard was blocked by HA.
The tablet ip was banned and i found an websocket api_password error and an authetication error in HA registry.
All accesses from tileboard end up with a 403 error.