Custom Lovelace Card - Homekit style card

[NdR (Andrea Montanari)]

Same issue here.

[1nutty1 (Roland Harris)]

Read the breaking changes, there are issues with custom cards.

[claudiovillani58]

Hi everyone I am using the Mini media player card to play Spotify playlists but I have two problems: the first concerns the function keys: back, forward, pause and stop these do not work on the card while if I go to spotify they work regularly. I am attaching the code and screenshots where I have circled the keys that do not work in red. Another thing I noticed is that if spotify does not open the tab on Home assistant it does not work at this point, sorry to my ignorance, what is the use of having a tab that controls spotify if then the same spotify must be launched? Last question: with a card like this, how can you manage your playlists it seems that you can launch them one at a time and then always re-enter Spotify. can you help me?

enableColumns: true
home: false
masonry: false
rows:

• columns:
  • column: 1
    entities:
    • entities:
      • card: ‘custom:mini-media-player’
        noPadding: true
        wider: true
        higher: true
        double_tap_action:
        action: popup
        entity: media_player.spotify_claudio
        cardStyle: |
        ha-card {
        height: 100%;
        background: none !important;
        box-shadow: none !important;
        position: absolute;
        font-size: 0.5vw !important;
        image
        }
        ha-card{
        overflow: hidden !important;
        }
        :host #primaryProgress{
        background: #474A52 !important;
        display: flex !important;
        height: 100%;
        }
        cardOptions:
        artwork: full-cover
        entity: media_player.spotify_claudio
        hide:
        power: true
        progress: false
        runtime: true
        icon: true
        name: true
        source: true
        volume: true
        controls: false
        tileOnRow: 9
        statePositionTop: true
        type: ‘custom:homekit-card’
        useBrightness: false
        useTemperature: false

Summary

This text will be hidden

[d4nnyk (Daniel)]

@DBuit

This is fantastic work, I am currently updating my whole setup to this

Couple of questions

1. is it possible not to display “On” “Off” on the tile? I have found hideState but this seems to be just for brightness or other state?
2. the statePositionTop setting, is it possible to set as a per tile basis rather than than global across all tiles on the card?

Apologises if I am missing something.

[Noah]

@DBuit

hideState: true

Have you found a way to hide the circle?

[cs42 (Carsten)]

Just found: custom element is not found on load, there’s a hidden error card saying “Custom element doesn't exist: homekit-card. ...” After switching to edit mode it is there, though…

[claudiovillani58]

Hi everyone I had already reported this problem and Dbuit had informed me which colors are assigned to the “on” or “off” icon of the thermostat. Unfortunately, they still do not see the orange icon on (flame symbol), but only gray even when the boiler is on. Could you help me understand why? I attach screenshots

[Jimmy_Berglund]

Can inform that it was the Custom header that made its akt as it does for you and me.
Custom header is anounced dead. and wont be updated anymore by its creater. If you remove it you will propably have it working again.

[JEJUN_PARK]

I also have this problem. Please help us… !

[JEJUN_PARK]

hvac mode is ‘heat’ but icon’s color is still gray…

[Alindil]

I have the same problem

[JEJUN_PARK]

@DBuit please help us.

[claudiovillani58]

Hi everyone, is there anyone who has implemented a card on the CARD homekit panel to view live images of an ESP32CAM? I was able to load the software with esphome and view the contents of the camera on a non-Homekit Panel card and also the images are not fluid but jerky. Could you help me if someone has already done something to view the images of an ESP32CAM? Thank you

[mkhattab (Pharaohnough)]

Not really

[ebz (Ebzed)]

Nice Ones!, Mind Sharing your Config?

[NdR (Andrea Montanari)]

You better create a popup with picture entity card.
Use the HomeKit Tile to see the presence detection status, and then set a browser-mod popup as “more-info”.

If you want, see my popup here below (the screen isn’t on HomeKit Card, but It will work):

The tile should show something like that:

If you need the code, let me know!

[NdR (Andrea Montanari)]

That one is a request. He doesn’t has that popup…

[claudiovillani58]

Grazie Andrea se puoi condividere il codice te ne sarei grato, come sai sono neofita, anche se grazie al forum e alle schede di dBuit ho imparato molto e ci provo sempre, ma qui sto trovando qualche difficoltà.
Approfitto della tua gentilezza e conoscenza per chiederti qualche info sulla gestione (nel caso lo usassi) di Spotify. Io ho fatto una scheda seguendo il codice di mini media player, ma ho notato che i comandi avanti, indietro, pausa e play non funzionano. La cosa che mi pare di capire sulla gestione di Spotify è che Spotify deve essere sempre attivo affinchè le playlist create possano essere gestite dal mini media player e solo così funziona l’ascolto, ma i comandi di cui sopra comunque non funzionano. Nella configuration.yaml le uniche info da me riportate sono : Client ID e Client Service non so se andrebbe scritto altro.
Grazie per il tuo aiuto

[DBuit]

Hello I will have a look what is going on with the climate card.

[DBuit]

@JEJUN_PARK

Just updated thermostat popup card to fix the color of the icons to change when mode is active.