Custom UI: Tiles

Share your Projects! Dashboards & Frontend
21

Have you seen this? https://github.com/c727/home-assistant-tiles#configuration
Please tell me exactly what you don’t understand.

22

Yeah…I get the button config, but what’s going on with the script and inputs in your sample?

23

Custom state cards replace the original state card of an entity with something custom. Here we replace input_text.dummy_tiles with the tiles.I use input_text domain because it has no ‘more-info-card’ this means it doesn’t open another view if you click on it. Once this PR is merged the pointer cursor is also gone.
The example config is just a showcase of the functionality, for example how to add data to scripts.

1 Like
24

Excellent - thanks so much!

25

I apreciated the new structure and features. Thanks. I linked to your project in my config info.
I just jumped in this, so right now I can help with prototypes, tests, examples…

@sentinel if help here is a my real config sample
This isn’t updated to the new version, I will do that soon.
https://github.com/maattdiy/home-assistant-config/blob/master/config/packages/buttons.yaml

1 Like
26

I updated my config to the latest verion of tiles. Also added a color option per entity.
In the comments 2 little cool services that I found in the way: Generate icons for tiles, and Color Blender to create a color that play nice with the theme.



controlpanel
controlpanel508×636 67.3 KB
6 Likes
27

this is nice can you share your yaml config especially for the volume slider

28

Thats another custom state card named Custom UI

29

In my case I use the native input_number with an automation.
Here is my package with the all the media player related config: https://github.com/maattdiy/home-assistant-config/blob/master/config/packages/mp_general.yaml

1 Like
30

Thank you for sharing

31

my tiles are not showing up anymore i have no error on my log

32

Hey your setup looks good. Quick question, what weather component are you using? The details of the weather are pretty good and informative I would like something like that.

33

Do a Shift+F5 in your browser
Check for typos (if a button call a entity that do not exist this happen)
If you still need the log to figure out, set the logger to default: debug

34

Hello anyone help me
why my tiles not show me?


@eddi89
@JesseWebDotCom
@maedium
35

thanks that was my problem some entities i tht dont exist were the problem

36

kem did you hass.io?my card tiles dont shows me, i dont know why.

37

yes just make sure the entity assign to the tile is working
my problem was that i changed the entities name that is why did not show up in fronted

38

can u see if you find the error?
this is my GitHub. https://github.com/htcheroportugal/home-assistant-config/blob/master/packages/controlpanel.yaml

39 
do you have this on your configuration.yaml
input_text:
  command:
    name: Button
  dummy_tiles:
    name: dummy
40

NO.
i can put that:

homeassistant:
  customize:
    input_text.dummy_tiles:
      custom_ui_state_card: state-card-tiles
      config:
        columns: 3
        column_width: 75px
        row_height: 75px
        entities:
          - entity: script.play_radio
            image: /local/ok.png
            column: 2
            row: 5
            data: {value: ok}
          

frontend:
  extra_html_url:
    - /local/custom_ui/state-card-tiles.html
    
group:
  g1:
    name: Tiles showcase
    entities:
      - input_text.dummy_tiles
  

input_text:
  command:
    name: Button
  dummy_tiles:
    name: dummy

???