Not sure if this has been discussed (this is a long thread) but has turning off caching of the config.js been considered? So we don’t have to clear cache on all devices every time a change.
Also is there a bit of a guide anywhere on how to use customStyles?
I’m trying to make the text/icons bigger on my tiles as I use a phone as an alarm keypad and want really big buttons, but adding customStyles: {‘font-size’: ‘100px’} seems to have no effect.
Do you guys think it’s best having a page per room or a page per category such as lights, sensors, speakers etc?
Create a script in HASS that does all the things you want, then use the SCRIPT tile on the dashboard.
Someone mentioned used automations?
If all you want do is press a button manually, and call services/scenes/switches to set the state of all your kit, then you can do that in a script.
Automations are for acting automatically when something else changes state.
At least that’s how I look at it.
Is there really no one who can help with setting up tileboard, in fully kiosk browser, to open an app ?
Do you have a template of the script?
Have you looked at the HASS documentation for creating one: https://www.home-assistant.io/docs/scripts/ ?
Should be everything you need to know. All it is a sequence of calls to your various HASS services etc. which you can then call in one go.
As for the CSS, you really need to understand the structure of each tile (right-click on it and choose inspect element) and define your own class in custom.css
for those tiles you wish to make bigger:
classes: ["-big-entity"],
Thank @resoai - I betting the hang of it now possibly my custom.css is a bit hacky but it’s starting to look like how I want it.
Fantastic project !!
Simple UI I use on a phone in my hallway when leaving the house and to disarm when we come back
need to sort out whatever is cutting the tops of the icons off now
Wow, Looking good. Can’t wait to see what you build.
Cgarwood. Can you please share your tile config for your Netflix and plex app tile?
{
position: [0, 2],
type: TYPES.CUSTOM,
title: "Netflix",
subtitle: "Media Apps",
id: {},
icon: "mdi-netflix",
action: function(item, entity) {
window.location.href =
"intent:#Intent;component=com.netflix.mediaclient/com.netflix.mediaclient.ui.launch.UIWebViewActivity;end";
}
},
{
position: [1, 2],
type: TYPES.CUSTOM,
title: "Plex",
subtitle: "Media Apps",
id: {},
icon: "mdi-plex",
action: function(item, entity) {
window.location.href =
"intent:#Intent;component=com.plexapp.android/com.plexapp.plex.activities.SplashActivity;end";
}
},
{
position: [2, 2],
type: TYPES.CUSTOM,
title: "Spotify",
subtitle: "Media Apps",
id: {},
icon: "mdi-spotify",
action: function(item, entity) {
window.location.href =
"intent:#Intent;component=com.spotify.music/com.spotify.music.MainActivity;end";
}
}
hi, what i need to change after add certificate (letsencrypt)? before all works perfect, now oryginal ha page works on https good, but on tileoboard i see only background image, no icons.
serverUrl: “http://local_ip:8123”
update serverURL with https://
instead of http://
and the websocket URL should be wss://
instead of ws://
serverUrl: “https://local_ip:8123”,
wsUrl: “wss://local_ip:8123/api/websocket”,
works
Thank you very much
Its working like a charm now
hm… now not works on tablet, tab2 2018, works before on chrome and on kiosk full browser on tablet, now i see only background
back to snapshot and all works