Hi all,
First let me tell you i’m fairly new and having problems with the styling of the tiles.
I’m trying to get a tile filling picture or custom card but keep getting the border around it.
Can someone kick me in the right direction?
*** EDIT ***
I’ve found the solution myself which was earlier in this thread.
There is an option called: noPadding: true
That fixed it…
Is there a list with options as i couldn’t find this option anywhere in the documentation.
Yes. i’ve been over that one many times, but 'noPadding" isn’t in that list…
That’s why i asked if there is a complete list.
Is there a simple way to put an image in the background covering the entire tile?
I’m doing it now with an entity or picture card, but then i lose the formatting of the “homekit” style…
I’m also having an issue with the slider.
I’ve enabled it, but i can’t see it in the tile. It is there because when i hover the mouse over the tile, at a certain location it changes from pointer to slider and i can drag it. But the tile doesn’t show the actual slider, it’s all white.
I’ve tried standard width as well as 2 and 3 wide…
My fingers hurt from typing and my head hurts from thinking…
I’ve never done CSS, HTML or any form from programming other than some scripting on my ubuntu machine. I entered the world of Home Assistant a good week ago now and am discovering new things every day. I’m in love with the Homekit Style card, so major kudos to DBuit for writing and supporting it!
I’m nearly done with a card i am ‘fairly’ satisfied with. I’d like you to have a look at it, copy it if you want to, but what i’d really like is your opinion on the code. Am i doing things WAY too complicated, should i do it a different way, or any other form of criticism is well appreciated.
Last bit of help: On the bottom of the rotating sliders card i have the bottom border visible from the entities card inside the homekit tile. Any idea how to remove that?
I’d also like to put an image on the right side of the top tile which is 3 tiles wide. Ideally i’d like the picture to only cover the right side for 33%. So inserting a picture has the tile looking normal only the third bit of the 3 tile wide card should have the picture…
Anyway, here’s the code and screenshots.
P.S. I don’t know how to make animated caps, but if you click on Divider, TV or Sofa the content of the bottom tile changes with help of custom: state-switch.
Cards used:
Homekit Card
Slider Entity Row
State switch
The first one was just to give a washing status. But ill remove that from the 2 second. And it still the same. And they have the class. Thats whats in the last picture.
- entity: sensor.tvatt_status
name: Tvättmaskin
timestampFormat: '[in ] h [hour(s) and ] mm [minutes]'
timestampDiff: true
state: sensor.washing_machine_washer_completion_time
- entity: sensor.washing_machine_washer_completion_time
name: Tvättmaskin
timestampFormat: '[in ] h [hour(s) and ] mm [minutes]'
timestampDiff: false
state: sensor.washing_machine_washer_completion_time
sensor.washing_machine_washer_completion_time = This sensor comes from the washer. and has the class
Quite, though as I mentioned, I already have it set to panel.
Using it inside a layout card and setting that to be left aligned has allowed me to get the homekit card on the left, but I had no luck getting it to fill in from the top left as happens on desktop or on my iPad. This being the case, I suspect it’s just something odd about Fully Kiosk Browser (perhaps specifically that I’m running it portrait, not landscape.)
The unwillingness of it to show more than three cards in a row is still confusing me, but I’ve made do with a 3x4 grid.
Yeh its cause your browser it kiosk app tells Home Assistant that your a mobile app. I downloaded a app to my iPad that could support desktop mode and it worked. Or its something in your css.
For the hell of it i tried your code in my own home on one tab and it works as it is.
So i would buess its your browser that needs to tell homeassistant the korrekt info. (Desktop mode or Mobile)
Had some free time and was in the mood for another fight with home assistant and the numerous cards…
very short question:
I have a tile that is 3 wide, and would like to use the space on the right…
Can, and if so, how to do? I’d like 3-4 “activate scene” buttons there…
I would also like a picture to fill the entire tile… Is that another possibility?
What works:
-Hide and show (use another button to play pause)
-Art covering the tile (looks like a square in IOS, its good on android
-Play pause
-Tap actions
What doesn’t work (please help if you have gotten this to work)
-None of the speaker group options
-Controls on tile (they show, they are not formatted( that’s understandable), but don’t work.
Only things I really, and many other sonos users would be glad to get working:
-Volume sync
-Select speakers to play together (when one goes out, its imposible to join from HA)
