Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Card does not show up in a picture-element card. #70

Open
gertlind opened this issue Jun 2, 2023 · 5 comments
Open

Card does not show up in a picture-element card. #70

gertlind opened this issue Jun 2, 2023 · 5 comments

Comments

@gertlind
Copy link

gertlind commented Jun 2, 2023

Card does not show up in a picture-element card.
No error is shown.

type: vertical-stack
cards:

  • type: picture-elements
    image: /local/images/zaptec-go-front-white.png
    elements:
    • type: custom:flex-horseshoe-card
      entities:
      • entity: sensor.zaptec_home_temperature
        attribute: temperature
        decimals: 1
        unit: °C
        area: De Maan
        show:
        horseshoe_style: lineargradient
        layout:
        states:
        • id: 0
          entity_index: 0
          xpos: 50
          ypos: 60
          styles:
          • font-size: 3.5em;
          • opacity: 0.8;
            horseshoe_scale:
            min: -10
            max: 40
            color_stops:
            '10': red
            '18': blue
@RaoulV82
Copy link

+1 on this.
Love the card by the way - mega customisable - sets the standard for what lovelace cards should be

@RaoulV82
Copy link

Actually I've found a resolution to this - add width to the style section and it renders. :)

@AmoebeLabs
Copy link
Owner

+1 on this.
Love the card by the way - mega customisable - sets the standard for what lovelace cards should be

Thanks!

If you want even more, and I mean much more customization, take a look at the Swiss Army Knife Card. Then you can make these kind of cards if you are not afraid of YAML and designing your own card…

@AmoebeLabs
Copy link
Owner

Actually I've found a resolution to this - add width to the style section and it renders. :)

Great find!
If used as a standalone card, the card provides width and height. It seems the picture element card does not do that.

Can you provide an example for @gertlind ?

@weemaba999
Copy link

Is there any chance you might share your Power Card as pictured above ?? :-) Really love that card

Alvast bedankt hé ;-)

Cheers,

Bart

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants