ljmerza / light-entity-card

Control any light or switch entity

Light Entity Card

Control any light/switch entity through lovelace

Support

For help, visit the light entity support thread here

Features

• Works on any light and switch based entity
• Toggle on/off
• HS Color wheel
• Color temperature and white value support
• Support for configured language
• Compact card support for grouped entities
• use persist_features: true to always show entity features
• use effects_list to add custom effects list or use input_select entity
• always show or hide header and each input

Installation

Add through HACS

Issues with the installation should be asked in the Home Asssitant forums

Configurations

type: custom:light-entity-card
entity: light.downstairs

type: custom:light-entity-card
entity: light.downstairs
effects_list:
  - effect1
  - effect2

type: custom:light-entity-card
entity: light.downstairs
effects_list: input_select.custom_effect_list

type: custom:light-entity-card
entity: light.downstairs
group: true

Options

Name	Type	Requirement	Default value Description
type	string	Required	custom:light-entity-card
entity	string	Required	The entity name of the light entity to control
shorten_cards	boolean	Optional	false show a compact version of the card
consolidate_entities	boolean	Optional	false if entity is a group you can consolidate all entities into one
persist_features	boolean	Optional	false always show entity features
effects_list	list/string/boolean	Optional	custom list of effects, an input_select entity, or set false to always hide
header	string	Optional	custom header name
hide_header	boolean	Optional	false hides the entity header of the card including toggle
show_header_icon	boolean	Optional	false shows the entity icon of the card including toggle
brightness	boolean	Optional	true show brightness slider if available
color_temp	boolean	Optional	true show color temp slider if available
white_value	boolean	Optional	true show white value slider if available
color_picker	boolean	Optional	true show color picker wheel if available
speed	boolean	Optional	false show speed slider if available
intensity	boolean	Optional	false show intensity slider if available
force_features	boolean	Optional	false force showing all features in card
full_width_sliders	boolean	Optional	false makes slider the full width of card
brightness_icon	string	Optional	weather-sunny change the brightness slider icon
white_icon	string	Optional	file-word-box change the white slider icon
temperature_icon	string	Optional	thermometer change the temperature slider icon
speed_icon	string	Optional	speedometer change the speed slider icon
intensity_icon	string	Optional	transit-connection-horizontal change the intensity slider icon
show_slider_percent	boolean	Optional	false show percent next to sliders
child_card	boolean	Optional	false remove padding/margin to make this card within another card

---

Enjoy my card? Help me out for a couple of 🍻 or a ☕!

light-entity-card's Issues

css issues for grouped sliders on small screens

add colorWheel: false option to always hide color wheel

Add effect dropdown

Would love to see the effect drop down tied to an input_select entity.

Option to remove entity state toggle

I would appreciate it very much if there was a possibility to remove the toggle button.

white_value slider doesn't show

I have a Qubino Flush RGBW Dimmer that doesn’t get the white_value slider to show. Setting RGB on the color picker works good but i have to use the Home Assistant dev-service and send custom JSON to the lights in order to set white_value (which works but its quite a hassle to do every time since it seems to reset to white_value: 0 every time i choose a new color).
Is it possible to force the white_value slider to show even though it probably thinks this unit doesn’t support white_value?

HACS adds incorrect path to lovelace config

HACS adds

  - type: module
    url: /hacsfiles/light-entity-card/dist/light-entity-card.js

when it should be adding

  - type: module
    url: /hacsfiles/light-entity-card/light-entity-card.js

Custom element doesn't exist: light-entity-card.

Lovelace display red 'Custom element doesn't exist: light-entity-card.'

the resources added to Lovelace config

 resources:
  - url: /www/light-entity-card/light-entity-card.js
    type: js

the item added to page:

- type: custom:light-entity-card
            entity: light.kitchen_strip

there is error in browser console

chunk.55cfcfe8bf5cea239c42.js:1 GET http://xxx:8123/www/light-entity-card/light-entity-card.js net::ERR_ABORTED 404 (Not Found)

Home Assistant Core 0.113.3
HACS 1.3.3

Problem on light groups on HA 0.114.4

Hello,

just upgraded to HA 0.114.4 but seems that something changed and broke the card to manage light groups. I have two led lights on the same room and I have defined a group in my configuration file:

light:
  - platform: group
    name: luci_salotto
    entities:
      - light.led1
      - light.led2

With older version of HA (0.110 if I'm not wrong) using the light-entity-card on the group I was seeing 1 single button and 1 single color picker, allowing me to control both light on the same time. On the latest version of HA I'm seeing 2 different button, 2 different color picker, and doesn't allow to control the light at the same time. Something got broken?

inode

Support for ambiance bulbs?

Hi,

Thank for this great card. I have a number of bulbs that don't support RGB, but do support temperature (Hue Ambiance spotlights). Could we have a similar picker to the RGB one, but for colour temperature (like the built in card supports)?

Effects List dropdown

When using this card at the bottom of a page when clicking on the light effects dropdown it still display below even though there is no screen space available making the options really difficult to access.

Would it be possible to make the dropdown display above when it is at the bottom of the like the one on the more info dialog.

Hope this makes sense Thanks

Feature Request: Support for controlling areas or a list of entities

It would be great to be able to control several lights at the same time. Ideally, using Home Assistant's existing areas , but a list of entities would work too.

color wheel not displaying

I use deconz to integrate my Zigbee lamps. Deconz creates groups for individual rooms. The groups can contain different lamps. From simple white to RGBWW.
If I use light-entity-row, I can use e.g. the colorpicker for the group.
Unfortunately this does not seem to work with light-entity-card, does it?

A deconz group has the following attributes:
effect_list:

• colorloop
  is_deconz_group: true
  all_on: false
  friendly_name: Living room
  supported_features: 45

Toggle button alignment inconsistent

I'm using the card with a Philips Living Colors Gen1, and it works very well.
I only have one small issue:
The alignment of the toggle button doesn't match other HA toggle buttons
Is there anything that can be done about this?

Thanks!

Feature Request: more precise/detailed color wheel like core card

Would it be possible to have a more detailed color wheel? For example when you click on the palette on the standard more-info window you get a color wheel without the little boxes which allows for more precise coloring of the lights. The current way your card does this is with the little boxes in the color wheel.

Header name not work

When trying to change the name of the card, it continues using the name of the entity.

Feature Request - Full row slider

Hi

Would it be possible to add a full row solution, so that the slider will be the full width of the card that it resides in? This is a possibility in Thomas Loven's slider-entity-row (see Full Row).
https://github.com/thomasloven/lovelace-slider-entity-row

See attached screenshot below, where one is with your slider, and the other with slider-entity-row

Feature Request: Hide Effects

Hi, once again I am back to request a feature, last time I asked for the smooth color_picker, this time I will have to ask if you could make it possible to hide the effects list. I have a few IKEA lights that have a color_loop (but because the nature of the light, this is not working). I would wish that we could hide effects on certain entities like is possible with the sliders and color_wheel.

Thanks again for this great card, it makes my setup look a lot better XD.

Feature request always show even when off

Is it possible to always show the card, when i turn off the light the card looses the options, i would like to always have it opend

HACS doesnt add light-entity-card.js.map

When installing through HACS, only light-entity-card.js is installed.

This results in the following error in HA:
Tried to serve up '/config/www/community/light-entity-card/light-entity-card.js.map' but it does not exist

Manually adding the file from the Github repo solves the issue. Not sure if the issue is on your side or HACS side, but thought i'd mention it.
HTH

Lovelace card header description not updating

Header description in my lovelace card for light entity is not changing the default value.

Not loaded

Installed via HACS.

• conflicting instructions to place .js resources (i) on github page, to be placed in /community_plugin/ (ii) after install, it says the js is placed in /www/community/

I am able to use the custom:light-entity-card type in lovelace, but HACS reports it as "not loaded".

add showEffect: false

Feature Request: Option for a smaller wheel

Hey,
I really like the size of the color wheel when group is set true. Would be cool the have the small wheel, but with normal padding & title size.
Thanks for considering! 👍

color_wheel: false not hiding color wheel

Installed the card via HACS. Added the JS to lovelace yaml.
Added this code:

      - type: horizontal-stack
        cards:
          - type: custom:light-entity-card
            entity: light.woonkamer
            color_wheel: false
            color_temp: false
            effects_list: false

          - type: custom:light-entity-card
            entity: light.carport
            color_wheel: false
            color_temp: false
            effects_list: false

Result:

"Consolidate Entities" creates promblem with "Persist Features"

If "Consolidate Entities" is active, the card only contains the Header Line and no additional feature.

wheel size

is there a option to make the wheel size 50% less its size, i find it much to big

https://www.screencast.com/t/lK8tISep6

show_slider_percent for each slider independently

I would like to show the slider % for the brightness slider but not for the color_temp. Currently the show_slider_percent option acts on both sliders.

Request is to change show_slider_percent to two properties:

show_brightness_slider_percent
show_color_temp_slider_percent

Idea: Add gradient background to Color Temp slider

Love the plugin! Just had a small suggestion of adding the gradient background found in the default light popup to the color temp slider. I made the change in my forked copy and I feel it helps the slider's function stand-out. Anyway, let me know what you think and thank you for the excellent addition to HA!

Feature Request - Ability to set effect speed

Would it be possible to have a slider for effect speed, this could be taken from an input_slider entity?

ERROR (MainThread) [hacs] Tried to serve up '/config/www/community/light-entity-card/dist/light-entity-card.js' but it does not exist

I get this error:

ERROR (MainThread) [hacs] Tried to serve up '/config/www/community/light-entity-card/dist/light-entity-card.js' but it does not exist

Whenever the light entity card stacked in an entities card in a conditional card is made visible.

It is installed correctly according to HACS and does display, it just generates the above error.

  - card:
      cards:
        - entity: light.led_strip_bar
          group: true
          style: |
            ha-card {
              border: solid 2px var(--primary-color);
              --ha-card-background: rgba(0, 0, 0, 0);
            }
          type: 'custom:light-entity-card'
        - entities:
            - input_number.ledspeed
            - input_number.ledintensity
            - input_number.ledbrightness
          style: |
            ha-card {
              border: solid 2px var(--primary-color);
              --ha-card-background: rgba(0, 0, 0, 0);
            }
          type: entities
        - cards:
            - entities:
                - input_select.wled_palette_list
              style: |
                ha-card {
                  border: solid 2px var(--primary-color);
                  --ha-card-background: rgba(0, 0, 0, 0);
                }
              type: entities
            - entities:
                - input_select.wled_presets
              style: |
                ha-card {
                  border: solid 2px var(--primary-color);
                  --ha-card-background: rgba(0, 0, 0, 0);
                }
              type: entities
          type: 'custom:hui-horizontal-stack-card'
        - entities:
            - script.wled_random
          style: |
            ha-card {
              border: solid 2px var(--primary-color);
              --ha-card-background: rgba(0, 0, 0, 0);
            }
          type: entities
      type: vertical-stack
    conditions:
      - entity: light.led_strip_bar
        state: 'on'
    type: 'custom:hui-conditional-card'

group:true still renders a drop-shadow

The group: true seems to change the header size but not much else. The light-entity-card is still rendered with extra whitespace and drop-shadow.

type: entities
title: Bug in light-entity-card
entities:
  - entity: light.bath_color
  - group: true
    color_wheel: true  # Unused
    persist_features: true
    color_picker: false
    show_slider_percent: true
    full_width_sliders: true
    entity: light.bath_color
    type: 'custom:light-entity-card'

allow for custom icons for brightness, temp, etc

No color wheel on HA 0.115

The color wheel doesn't seem to render at all on 0.115 (beta 9) even with color_picker: true.
effects_list, brightness and color_temp works though.

Very sad to hear that you've stopped the development, it was a key part for the setup

Hi there

Thankyou for all the hard work on this over the years, it saddens me that you've given up on the development of the card, it was my go-to light card :-)
I hope the HA developers will either pick up your card, or make it feasable for you to continue at some point.

Group - true / Consolidate entities - true / false both result in list of entities displayed in lovelace of the custom light group.

I recently updated to the most recent version, seems to me it's gone a bit awry.

I came back to my light love lace dashboard hammered with a light card of every light in my house.

Seems that the consolidate entities / group variable is not working as expected, and it results in my custom light group to display every light entity in the group.

How this was achieved when the group itself is set in home assistant in the config, it should have just displayed that group, not the entire list of lights in the group, iiuc?

Anything I can do to help?

add group: true to compact card

add group:true setting to compact card when adding this card to a group of cards

• put sliders on one line (2 sliders on each line)
• make color wheel smaller
• bring inputs closer together

add percentages to the brightness slider

like in the custom:slider-entity-row card

'full_width_sliders' not working

Setting full_width_sliders: true does not work. Strangely, the icon enlarges but the width of the slider doesn't change.

Q: question brightness level bar like light component

would i be possible to have the light components brightness level bar to be around the color cirle? that would be even nicer.

cant get in into lovelace.

i installed the card with hacs
but when i want to add in to the screen i get the error

Error: Custom element not found: light-entity-card

can someone help me?

HACS installation doesn't work

I've added the light-entity-card via HACS and added the resource line to my ui-lovelace.yml, but still I get the error message: "Unknown resource type specified:", opening the source shows the origin of this error:

private _loadResources(resources) {
    resources.forEach((resource) => {
      switch (resource.type) {
        case "css":
          if (resource.url in CSS_CACHE) {
            break;
          }
          CSS_CACHE[resource.url] = loadCSS(resource.url);
          break;

        case "js":
          if (resource.url in JS_CACHE) {
            break;
          }
          JS_CACHE[resource.url] = loadJS(resource.url);
          break;

        case "module":
          loadModule(resource.url);
          break;

        case "html":
          import(/* webpackChunkName: "import-href-polyfill" */ "../../resources/html-import/import-href").then(
            ({ importHref }) => importHref(resource.url)
          );
          break;

        default:
          // tslint:disable-next-line
          console.warn(`Unknown resource type specified: ${resource.type}`);
      }
    });

I can't see the Color Wheel.

I can't see the Color Wheel.
My lights are sync from Tuya, ¿maybe this is the problem?
I use raspberry pi os and HA supervised, all in updated to the last version.
Any idea?!??!?

Color Wheel Not Displaying

I have lights that support the color wheel (on the Smart Life App) but the color wheel does not appear in this card. Thoughts?

on/off toggle does not show up

Hi, the card (light-entity-card 3.1.0) works fine but the on/off toggle does not show up (running HA 0.102.1 on Hassio).

ha-group with two lights - generates useless second card

I have a group in hass.io with two RGB lights and wanted to use the light entity card to control them at the same time.
But somehow two cards are generated.
Both Cards do the same but only the first one displays the correct states.
There should be an option to hide the second card (or is there?) because the first one already has all the functionality.

No Toggle Button in 3.0.0

With the latest update 3.0.0, all toggle switches have disappeared from the light-entity-cards.
From the commit I can see that you switched from "paper-toggle-button" to "ha-switch", but I can't find any information about this ha-switch.

I don't see any errors in the browser or homeassistant log.

Home Assistant: 0.99.3
Browser: multiple versions of Chrome & Firefox (Android/Windows)

Feature Request - Remove toggle

Would it be possible to implement a true/false on showing the toggle?

Feature Request - Custom entity slider.

Hi. I just tried your custom card. I like it so far. I have a separate input_number slider that sets the range for a minimum brightness ( ex Dim as low as 2% or as low as 10%). I would love to be able to integrate that into this card. So , I would like to have a custom slider under the brightness/hue or instead of hue, for example. Thank you.

How set up existing effect_list

Hello, I've a Yeelight celling light with an existing "effect_list" in its attributes. How is the set_up for the card ? I've tried many options but the list never appears on the card.

Disable more info pop-up

I find that when adjusting the values in the card very often (50% of the time) the more info pop-up card appears. Could we get an option to disable this?