New Light card

Just discovered a new card on this page:


But implementing it doesn’t seem to work.
Am I to quick? Just updated to 0.82

I also can’t get it to work in my config. I just added

  - type: light
    entity: light.vardagsrum_taklampa

Is it correct?

After update hass.io to 0.82.0 i got it to work.

It’s working now.
Had to refresh the browser a couple of times. Nice card!

Nice card but is it possible to resize it?

I haven’t seen anything for that yet, but here are two ways using a horizontal-stack. They’re not ideal, but it’s something…

Option 1
Put the horizontal-stack in a panel: true and force it to be the width of the screen. Put however many lights or other cards are needed to look good.

  - icon: mdi:lightbulb-outline
    id: lightingView
    title: Lighting
    panel: true
    cards:
      - type: horizontal-stack
        cards:
          - type: light
            entity: light.living_room_fan_light
            name: Living Room Fan
          - type: light
            entity: light.living_room_blue_lamp
            name: Blue Lamp
          - type: light
            entity: light.living_room_white_lamp
            name: White Lamp
          - type: light
            entity: light.living_room_green_lamp
            name: Green Lamp
          - type: light
            entity: light.living_room_green_lamp
            name: Another Lamp

Option 2
Don’t use panel: true and it will squeeze the light cards into the width of one column.

  - icon: mdi:lightbulb
    id: lightingView2
    title: Lighting
    cards:
      - type: horizontal-stack
        cards:
          - type: light
            entity: light.living_room_fan_light
            name: Living Room Fan
          - type: light
            entity: light.living_room_blue_lamp
            name: Blue Lamp
          - type: light
            entity: light.living_room_white_lamp
            name: White Lamp

If you’re making views for a specific device like a tablet or such, this could work. Personally, this variable width would drive me crazy, so I’ll be waiting for more development on the card!

1 Like

nice card indeed, but icons are too big

is there an alternative, where you can have a brighness light directly on the HOME screen, to turn on /off a light and control lightning
the only workaround, is to make a input slider below the light , i think?

You can also put them in a horizontal stack (for a row of icons) within a Vertical Stack.

So on a mobile device it works as well and doesn’t jam everything up.

So I have a vertical stack, then a horizontal stack and 2 gauges then another horizontal stack with another 2 gauges and it looks great…

indeed 2 rows and 2 columns is looking good, still big though
but 1 row with 4 icons is a NOGO

Great cards but they are way too big. Would be good to have a scale option in the config. This is how my lights appear using button cards. https://snag.gy/lVWt6A.jpg

Tried the new LIGHT cards and can only fit two across meaning I will never see all my lights without scrolling down. https://snag.gy/W6ocJ5.jpg

Love the ability to dim the lights though. Hopefully the scale feature can be implemented.

I’m using this https://github.com/thomasloven/lovelace-slider-entity-row for lights, gives you a slider for brightness and optional toggle for on/off.

The same developer has a lot of useful custom cards.

Anyhoo, it looks like this -

5 Likes

Hey - I’m trying to use the Light card, however it gives me some strange looking effects when combined with card-modder:

image

Any way I can remove the “cone” in the background, and possibly resize the card itself?

If you find a way to resize the Light card, let everyone know. It is THE reason why some don’t use this card.

3 Likes

Yeah this card really needs some work regarding scaling:

Very usefull card. please implement it.
changing the icon and long press (hold) action should be best improvements for me

Very nice but can you change the light-color somehow, too?

exactly what I was looking for! Great stuff.

Yeah. Same problem here.

New problem with 0.102.x:

In Safari, the off state of the card is doing something funny:

The ones shown here with the problem are group lights, but I will also confirm it’s happening on single bulbs as well.

…but it doesn’t happen in Chrome: