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?
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:
- I created a directory within
www
calledslider-entity-row
- I copied
slider-entity-row.js
to theslider-entity-row
directory - 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…
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…
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.
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…
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?