Custom UI: Tiles

Heijt771 · June 11, 2018, 7:09pm

So I have got everything set up for a while, and it works great, thank you for that Eddi89.

I have personally always used windows and android to access home assistant, and made use of these tiles.

However now there is a IOS user in our household, and unfortunately the tiles do not show up on his screen. Neither in safari and in Chrome. I’ve tried clearing cache etc… and creating the desktop app. but nothing seems to work.

Is there anyone that has figured out how to resolve this situation?

Thanks!

tom_l · June 12, 2018, 3:51pm

Safari browser doesn’t work for me but the iOS app does. I purposely limited mine to 4 columns of 75x75 pix so they fit in the iPhone 6 display.

jarrah · June 14, 2018, 9:08pm

Does anyone have Tiles working on 0.7x after the “major overhaul of how our frontend is built”?

I upgraded from 0.66.1 to 0.71.0 and tiles has completely broken.

The logs show the following, with a whole load of %20 text appearing:

2018-06-14 21:55:43 ERROR (MainThread) [frontend.js.latest.201806080b0] http://192.168.199.50:8123/local/custom_ui/state-card-tiles-v3.html:90:50 Uncaught TypeError: Cannot read property 'EventsMixin' of undefined
2018-06-14 22:01:38 ERROR (MainThread) [frontend.js.latest.201806080b0] data:text/javascript;charset=utf-8,%0A%7B%0A%20%20const%20DOMAIN_SCRIPT%20%3D%20%5B'script'%2C%20'python_script'%5D%3B%0A%20%20const%20DOMAIN_SENSOR%20%3D%20%5B'sensor'%2C%20'binary_sen
...cut short...

@eddi89 - would you mind having a look to see if Tiles can be fixed please?

EDIT - just noticed there’s an update on the GitHub project page…

tom_l · June 14, 2018, 10:53pm

The update should do it. I’m on 0.71.0 and it is working fine.

Mariusthvdb · June 15, 2018, 7:04pm

anyone have ideas how to change the color and fontsize of the header in a panel_custom multi setup.

no matter what I try here, no difference made:

- header: Switch
  header_color: '#555B65'
  header_size: 2em
  row: 2
  tiles:
    header_color: '#555B65'
    header_size: 2em
    columns: 4
    row_height: 50px
    color_on: '#F0C209'
    color_off: '#555B65'
    text_color_on: '#555B65'
    text_color_off: '#F0C209'
    text_uppercase: false
    entities:

Baneeshc · June 19, 2018, 8:50am

Hi,

Any idea if the tiles can support video? Thinking of making a HDMI Matrix interface using tiles which show what the input would be showing. Would use a HDMI over IP Transmitter to get the UDP, HTTP, RTSP, RTMP streams.

tom_l · June 23, 2018, 2:20am

Does the new Lovelace UI have any impact on this project?

tpx01 · June 23, 2018, 9:23am

Is it possible the tile configuration broke on 0.72?

Bobby_Nobble · June 23, 2018, 10:18am

Working fine for me.

tpx01 · June 23, 2018, 4:12pm

Yeah, just noticed that there was a breaking change introduced in 0.70… Updated my customized tile html pages (extends Polymer).

ntuseracc · June 23, 2018, 5:31pm

Thanks @eddi89 for this great component.
Currently looking at building a custom UI for mobile usage inspired by @andrewjfreyer examples.

Is it possible to create just simple tiles with text/icons only that are not clickable and wont trigger anything? Want to implement some headers?
Im using dummy input_texts atm.

radinsky · June 24, 2018, 10:48am

Does anybody succeed to use the tiles with lovelace ui?

Bobby_Nobble · June 24, 2018, 11:34am

I have but it’s a bit odd. If you put your input_text: inside a group and then add the group as an entity to a card on Lovelace, it’ll give you a group icon with unknown as it’s state. If you then click that, a more info window will pop up with the fully functioning tiles inside it.

I’m sure adding proper custom_ui features to Lovelace is on the list to add given how popular they are but the devs do say she’s only here to play with at the moment…oo err missus

radinsky · June 24, 2018, 11:36am

yes, i got exactly the same behavior with “unknown” state.
tiles is very useful thing and i hope it will be implemented soon in lovelace as well

Kem · June 25, 2018, 6:10am

they guys i have this error my tiles are showinf up ok on my iphone but not on chrome

http://my.ip:8123/local/custom_ui/state-card-tiles.html:90:50 Uncaught TypeError: Cannot read property 'EventsMixin' of undefined

this is my config.

frontend:
  extra_html_url:
    - /local/custom_ui/custom-weather-card.html
    - /local/custom_ui/state-card-tiles.html
  extra_html_url_es5:
    - /local/custom_ui/custom-weather-card.html
    - /local/custom_ui/state-card-tiles_es5.html

mynameisdaniel · June 25, 2018, 6:13am

Update to the latest version of tiles. The latest release has a fix for that with HA 0.70.0+

arsaboo · June 25, 2018, 2:49pm

This will be a perfect addition to Lovelace…hoping that we get it there soon.

Bobby_Nobble · June 25, 2018, 4:26pm

I’ve got a very odd problem with tiles, not sure when it started but somewhere around 0.70/0.71 I think. Everything is currently up to date.

If I have this as my default view…

  default_view:
    name: Buttons
    icon: mdi:apps
    view: yes
    entities:
      - group.inside_buttons

group.inside_buttons has just input_text.inside in it.

When I first load HA no icons load either in my tiles or in the menu across the top. If I click on one of the invisible icons to load a different tab everything works fine from thereon…until another refresh.

If I load any other ‘normal’ tab first everything is fine straight away and, here’s the really weird one, if I add a normal group to the one above it also works properly.

It’s only when the tiles group is on it’s own that I get this strange behaviour. Anyone else seen this?

Bobby_Nobble · June 26, 2018, 9:46am

Images to go with above.

Initial load…

After visiting another tab…

No errors anywhere that I can find. A force refresh loses all the icons again.

Mariusthvdb · June 26, 2018, 9:59am

can we try this Lovelace next to, or maybe should i say ‘in’ our regular setup, or do we need to replace that with the Lovelace interface for the full Hassio configuration? Im a bit weary to test this experimental setup if the latter.