I think the issue is that HA is scrolling into view the entity that is being changed. So as long as you only show the panel and not the entities, you should be good. I’m going to test and confirm. This is pretty awesome! Thank you.
I also noticed this on my desktop browser. Added to the list of issues
Wow, this is pretty cool, thanks!
One thing though: any idea where the large gap at the bottom comes from?
script.yamaha_buttons:
custom_ui_state_card: state-card-button-panel
config:
columns: 4
cell_height: 75px
cell_width: 75px
entities:
- entity: script.ya_volup
icon: mdi:volume-plus
column_span: 2
- entity: script.ya_poweron
icon: mdi:power
column_span: 2
- entity: script.ya_voldown
icon: mdi:volume-minus
column_span: 2
- entity: script.ya_poweroff
icon: mdi:radiobox-blank
column_span: 2
- entity: script.ya_a
icon: mdi:format-annotation-plus
- entity: script.ya_b
icon: mdi:format-bold
- entity: script.ya_cddvd
icon: mdi:music
- entity: script.ya_aux
icon: mdi:television-classic
2 Likes
I also see the large gap (and also think this UI is awesome - I’m switching my entire setup over to it).
@eddi89 - How can I change this to simply show an icon in the middle of the button, entity state (not caption) below the button), and change the behavior to not be a button? I’m basically trying to make custom badges.
This is awesome and I can see a lot of potential for customisation. Perhaps this will even replace my HaDash setup.
I will start a project to create a custom panel that you can configure like this. I will need help to add more widget types. A widget to display svg-files (similar to floorplan) is wip.
1 Like
Looking good so far - just want to change that “ATV” to the the appropriate activity icon (in this case, the Apple logo).
3 Likes
you can set cell_width to 1fr to get same size for each btw
1 Like
@JesseWebDotCom I have put it on github 
I modified the state-card-button-panel.html to accept pictures, so I did the “Vibes” panel.
@eddi89 there will be a official repo?
11 Likes
Thanks I added image support and moved to GitHub. I also changed name and some config parameters.
Current plan is to add ‘show more-info-card on longpress’-feature and make a dashboard as custom panel (early wip): https://imgur.com/a/lXuOp <-- If anybody wants to help contact me
1 Like
This looks awesome!
Would it be possible to explain/comment the sample configuration.yaml file, please? I’m a bit confused about what it’s doing.
Have you seen this? https://github.com/c727/home-assistant-tiles#configuration
Please tell me exactly what you don’t understand.
Yeah…I get the button config, but what’s going on with the script and inputs in your sample?
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
Excellent - thanks so much!
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
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.
6 Likes
this is nice can you share your yaml config especially for the volume slider