Custom Lovelace Card - Homekit style card

@martheijnen, just released fix for the noPadding :slight_smile: if you update should work again

And what card it the select playlist card?

Thanks, it’s combination of cards inside 1 card with custom card. I shared the code of it 2 posts above or something. Im gonna update version and see if it is fixed, thanks a lot!

Hi @martheijnen

Sounds like you are working on what I couldn’t see. I was trying the Sonos card, but this seems to do what I need.

When you have checked if it works, can you share the result?

Thanks

What exactly are you looking for? My cards work (from whats on the screenshots) but I do it with chromecast devices.

It totally works, thanks. If you can specify which party you wanna know about I can definitely share.

Question: on phone alignment is not quite good. See screenshot

Hi @DBuit ,

I got a small feature request, I hope you could consider implementing it :innocent:

For the switch-popup-card, it would be nice if you could map multiple entity states to a single button being highlighted.

For instance, I have a fan with like 20 speed settings (current speed is an attribute of the entity), but I would like to show only ‘off’, ‘low’, ‘medium’, ‘high’ buttons in the card, and define which speed ranges correspond to which button.

It looks like a small change in this line would do the trick:

 if( (typeof value != 'array' && this._getValue(state) != value) ||
     (typeof value == 'array' && !value.includes(this._getValue(state)) ) {

In this case, if the user provides value:[1,2,3,4,5] in yaml then any of these would result in a match.

Another (fancier) option would be if you could provide a value_min and value_max in yaml to define a range of valid values for each button, but perhaps overkill.
It would be great if it works with multiple strings as well.
For example, my alarm has state arming_away and armed_away, they could fit nicely under a single button.

If I can help you with a PR then let me know, but I can imagine you want to stay owner of your code :slight_smile:

Thanks!

hi @neliss ,

i will see what i can do.
but if you can program it, thsn please make the PR, that would be great!

Hi, great that it works! will fix mobile today

Thank you :grinning:

If you want me to test /try anything let me know!

Hi @martheijnen,

just released fix for the size of tiles

Thank you, but not fixed:

edit: it is better but not all correct:

Strange, you changed some of the sizes of tiles in the style part?
is this real phone screenshot? what phone android? ios?

Yes, android. oneplus nord, android 10. home assistant official app.
I have added something to style to fix the issue with not filling custom cards in a tile when nopadding option is on:

  .button.no-padding {
    padding: 0px !important;
    margin: 3px 2px;
    border-radius: var(--tile-border-radius, 12px);

Hello guys!

Does some of you using the “tileHoldAnimation” feature? I enabled it in some of my tiles, but no animation is shown.

Trying it from Chrom browser and iOS app too…

Hi @Ndr it is a global configuation on the card not on each tile

Hey,

I tried this config but the popup does not work for me for the mini-media-player. Is it working for you?

Unless I set “tap_action: false” for the cardOptions it opens up the more-info (as described on the mini-media-player documentation). If I define tap_action: false then nothing is happening (as it is more or less expected).

Unfortunately, it doesnt. Only when using the other option(s) double press or press if im correct. i think it has to do with the media player card. if you find a soltuon… please share :smiley: @Dilergore

@briis How did you get the 2nd state icon to show? For example the cloud on the “Regn i dag” tile?
Would you mind sharing your config for this tile?

The switch in Icon comes from the Integration I am using, and is not from the UI. So it changes automatically if Rain is above 0. So there is not a lot to share.