đŸ”č slider-entity-row - Add sliders to entities cards

If you’re new to HA you should try to learn the basics before getting into modding cards etc. It takes a lot of fiddling to get things like customising card sizes right.

If you really want to control size and placement of cards, play around with custom:layout-card for a bit. You can set width and height of columns and rows and that will cause cards to fit in to the spaces. The grid layout is best for that but comes with its own headaches.

I just need you to write an example for me with my entity i send you , so I can understand and copy for other cards.
i no understand because in card edit no regulation equal card so no change size in lovelace.
thx you

I get the following warning when using this on entities.

"Expected a value of type {entity,name,icon} | entity-id for entities.0.type but received "custom:slider-entity-row".

Is that expected? Because with the warning, I cannot use the visual editor, because it is greyed out.

That’s expected. It means you can’t use the visual editor, because you are using options which it does not support, such as type: custom:slider-entity-row.

1 Like

I think the fact that the visual editor cannot be used should be stated in README.md and the resulting GitHub page (github.com/thomasloven/lovelace-slider-entity-row)? I’ve wasted much time because it is not. Also why isn’t there a slider in the Lovelace UI? Sliders are basic and this seems a big oversight.

1 Like

Thank you for this card and all the other goodies you make.

Is there a way to adjust the width for the text/label area, it seems to truncate more than needed.

Added: this way of truncating seems to have started with version 13.

Seeing the same issue here, also started at v13

Capture

Hey guys.

It is possible to use the slider-entity-row as a vertical slider?
I am using it to control a camera moment. it would be great to have an vertical otpion

This is also what i I want.

+1 for Vertical slider.

For the life of me I will never understand this request that I keep getting.
Do you even know what you’re asking?

Believe or not, when I was asking for it I was thinking about haw idiot it sounds. But let me give you an idea of what I intent use it for control the camera moment:

image

style:
  transform: rotate(-90deg)

You may actually have to drag it horizontally still, though
 the slider element included in Home Assistant wasn’t meant for this.

Let’s try it :slight_smile:
It should be applied at entity level? I am trying something like:

type: entities
entities:
  - entity: <entity>
    style:
      transform: rotate(-90deg)
    type: 'custom:slider-entity-row'
show_header_toggle: false

But no success here :confused:

I was assuming you used it in a picture-elements card.
If not, you’ll need card-mod, and the syntax will be slightly different.

I will. Just trying to test it apart from now! I will try it into picture card instead! thanks for the guidance.

Please help me

I am trying to get the slider card up and running
No matter what I try it keeps trowing

Cannot read property ‘split’ of undefined
type: ‘custom:slider-entity-row’

In Lovelace

I was thinking probably 25% of that height would be nice. Im sure it would be sensitive but would align more like a physical wall dimmer. Oh well.

Also, id assume a vertical toggle is out of the question as well?

1: Post code, not pictures of code.

2: slider-entity-row requires the entity: property to be set.

http://thomasloven.com/blog/2018/08/YAML-For-Nonprogrammers/

sorry, but I am relative new especially to custom cards.
can someone give an example how to add a cover and a climate please (as the picture below)
I have added some lights but I am stuck with covers

Annotation 2020-05-27 204735

Set the entity: to a climate or cover device.