TileBoard - New dashboard for Homeassistant

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.

Chrome-Disable-Cache

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 :smiley: 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 :slight_smile:

need to sort out whatever is cutting the tops of the icons off now

1 Like

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? :wink:

 {
              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 :slight_smile:

Thank you very much

Its working like a charm now :smiley:

hm… now not works on tablet, tab2 2018, works before on chrome and on kiosk full browser on tablet, now i see only background :frowning:

back to snapshot and all works :slight_smile: