TileBoard - New dashboard for Homeassistant


#1684

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.


#1685

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.


#1686

Do you guys think it’s best having a page per room or a page per category such as lights, sensors, speakers etc?


#1687

Create a script in HASS that does all the things you want, then use the SCRIPT tile on the dashboard.


#1688

Someone mentioned used automations?


#1689

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.


#1690

Is there really no one who can help with setting up tileboard, in fully kiosk browser, to open an app ?


#1691

Do you have a template of the script?


#1692

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.


#1693

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"],

#1694

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 !!


#1695

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


#1696

Wow, Looking good. Can’t wait to see what you build.


#1697

Cgarwood. Can you please share your tile config for your Netflix and plex app tile? :wink:


#1698
 {
              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";
              }
            }

#1699

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”


#1700

update serverURL with https:// instead of http:// and the websocket URL should be wss:// instead of ws://


#1701

serverUrl: “https://local_ip:8123”,
wsUrl: “wss://local_ip:8123/api/websocket”,

works :slight_smile:


#1702

Thank you very much

Its working like a charm now :smiley:


#1703

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: