Sliders instead of the big Bulb?

You have to add it to resources not to dashboard

But best would be to install HACS first
That makes it easier

my HA is in German, is Resources the button down on the bottom?
And where should be the “advanced” button? can’t find this

Resources is the second tab in your screenshot
But as I said, try to install HACS. It makes it easier for you to add custom cards like this

ok, i found the resources tab and could install the .js.
I refreshed my browser.
but where can i find this now?

I will be looking at HACS tommorow…

You now need to adjust your view and add the custom card to your entity card

grrr…

Custom element doesn't exist: slider-entity-row.

type: 'custom:slider-entity-row'

Do i have to restart HA for getting this?
EDIT: restart didn’t change that…

Well, for tonight i thank you for the help, i will see further tomorrow, have a good night.
Wolfram.

Did you refresh the resources?
image

no, where can i find this menu?
shouldn’t be refreshed with a restart too?

It is on the right corner of your dashboard
But yes. Also a restart does it

Saved it where? I think the reason it doesn’t work for you is that you either copied it to the wrong place or set the Resources path incorrectly.

You must save it in the www directory or, if you wish, within a sub-directory of www.

For example:

  1. I created a directory within www called slider-entity-row
  2. I copied slider-entity-row.js to the slider-entity-row directory
  3. In Resources, I referenced it using /local/slider-entity-row/slider-entity-row.js

For Resources, “local” means the “www” directory (which is a sub-directory of config and if it doesn’t exist then you must create it first).

I didn’t need to restart; if slider-entity-row is installed correctly, it’s immediately available. I created an Entities card, selected a light, and then, in YAML mode, modified the way the documentation’s example shows.


EDIT

Typo. “slider” not “slide”

ok, i made an www folder.
Path is: /home/homeassistant/.homeassistant/www/slide-entity-row/slide-entity-row.js
still doesn’t find it… :frowning:

EDIT: Ahhh, the file name seems to be changed from slide… to slider… !
Now i can use it and

type: entities
entities:
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe1
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe2
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe3
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe4
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe5
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe6
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe7
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe8
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe9

Works fine!

T H A N K you A L L for that help!

Next step will be install HACS because this will be not the only nice thing to install!

Good Night,
Wolfram.

PS: maybe i need some help with the group, to switch all Lamps on/off…

1 Like

Glad to hear you finally got it to work.

You should know that the Solution tag is normally assigned to the first post, or most complete post, in the thread that provides answer to the question (i.e. the first post that solves the problem). In this case, it was potts-mike that was first to suggest the use of the slider-entity-row card so that’s the obvious post to mark with the Solution tag.

For more information, refer to guideline 21 in the FAQ.

1 Like

Ok, i will mark the first post instead!
thanx

If you wish, you can add a name option to each light in the card so that it’s easier to identify each one of the nine lights when they are displayed in the card.

type: entities
entities:
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe1
    name: Lampe 1
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe2
    name: Lampe 2
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe3
    name: Lampe 3

... etc ...

yes, that is also a good idea!
Just put it in the code…

Nice options would be:
if a PIR Sensor detects a motion, turn on Lampe 2+3 to 100%
if Wolfram or Sabine is at home, turn all lamps to 70%

So many ideas… :slight_smile:

in the groups.yaml i made a new group:

partyraum-lampen:
  name: Partyraum Lampen
  entities:
    - light.partyraum_lampe1
    - light.partyraum_lampe2
    - light.partyraum_lampe3
    - light.partyraum_lampe4
    - light.partyraum_lampe5
    - light.partyraum_lampe6
    - light.partyraum_lampe7
    - light.partyraum_lampe8
    - light.partyraum_lampe9

How can i place a “main-switch” to turn all 9 Lamps on or off?

Use a Light Group instead of a Group and it will create a light entity that can control all nine lights (on/off, brightness, etc).

light:
  - platform: group
    name: Partyraum Lampen
    entities:
      - light.partyraum_lampe1
      - light.partyraum_lampe2
      - light.partyraum_lampe3
      - light.partyraum_lampe4
      - light.partyraum_lampe5
      - light.partyraum_lampe6
      - light.partyraum_lampe7
      - light.partyraum_lampe8
      - light.partyraum_lampe9

like this?
should it go into the coniguration.yaml or in groups.yaml?
EDIT: Ok, it must be in the configruation.yaml. Just found out…

I can use a new button to switch all on/off.
But can i put this button also into the slider-card?

EDIT: i found a way:

type: entities
entities:
  - light.partyraum_lampen                <--------------
  - type: 'custom:slider-entity-row'    <---------------
    entity: light.partyraum_lampe1
    name: Lampe 1
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe2
    name: Lampe 2
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe3
    name: Lampe 3
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe4
    name: Lampe 4
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe5
    name: Lampe 5
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe6
    name: Lampe 6
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe7
    name: Lampe 7
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe8
    name: Lampe 8
  - type: 'custom:slider-entity-row'
    entity: light.partyraum_lampe9
    name: Lampe 9

now there is a switch above those 9 sliders, perfect!

another effekt i just watched:
if i turn Lamps manually to 0% and switch all off and on again, the lamps don’t have 0%, they have 5-10%!
Is there a option to save the last states and to give default values?