šŸ”¹ slider-entity-row - Add sliders to entities cards

Aha. It did too. Should always update before posting on hereā€¦

Good work @thomasloven

any chance of an option for a slider, name and percentage aka no icons?

Try setting the icon to something that doesnā€™t exist.

icon: mdi:no-such-icon

Love the slider/toggle combination, really helps to streamline control!
Is there a way to adjust the toggle offset? Iā€™m using them in conjunction with a switch as the module doesnā€™t have switch support and they donā€™t line up with the default entities.
lovelaceslider

  - entity: light.mbr_light_level
    name: MBR
    toggle: true
    type: 'custom:slider-entity-row'
  - entity: switch.master_bed_fan
  - entity: light.guest_light_level
    name: Guest Room
    toggle: true
    type: 'custom:slider-entity-row'
  - entity: switch.guest_bed_fan
  - entity: light.guest_bath_light
    name: Guest Bath
    toggle: true
    type: 'custom:slider-entity-row'
  - entity: switch.guest_bath_fan

Hello!

For the life of me - I CANNOT get slider-entity-row or fold-entity-row to work and I have been wracking my brain for 2 days now trying to figure out why I canā€™t get this custom to work.

I have installed manually, and VIA HACS - both ways I get the same error - ā€œCustom element doesnā€™t exist: slider-entity-rowā€.

Below are my current resources and snippet of the popup I am trying to create.

resources:
  - type: module
    url: /local/custom-lovelace/custom-header/custom-header.js?v=0.0.1
  - url: /local/custom-lovelace/slider-entity-row/slider-entity-row.js?v=0.0.1
    type: js
  - url: /local/community/lovelace-fold-entity-row/fold-entity-row.js?v=0.0.1
    type: js
  - url: /local/custom-lovelace/light-entity-row/light-entity-row.js?v=0.0.1
    type: module
views:
  #Home Page
  - badges: []
    cards:
      - elements:
          #Select Room Text
          - entity: remote.harmony_hub
            image: /local/text_select_room.png
            style:
              left: 50%
              top: 50%
              width: 20%
            tap_action:
              action: none
            type: image 
          #Navigate to Family Room Page
          - entity: remote.harmony_hub
            image: /local/family_room_main_icon.png
            style:
              left: 35%
              top: 11%
              width: 20%
            tap_action:
              action: navigate
              navigation_path: '/lovelace/family_room'
            type: image
          #Navigate to Bedroom Page
          - entity: remote.harmony_hub
            image: /local/bedroom_main_icon.png
            style:
              left: 65%
              top: 11%
              width: 20%
            tap_action:
              action: navigate
              navigation_path: '/lovelace/bedroom'
            type: image 
          
          #Navigate to Lighting Control Page
          - entity: light.family_room
            image: /local/lights_icon_fin.png
            style:
              left: 91%
              top: 94.45%
              width: 3%
            tap_action:
              action: call-service
              service: browser_mod.popup
              service_data:
                title: Popup example
                card:
                  type: entities
                  entities:
                    - light.bed_light
                    - type: custom:slider-entity-row
                      entity: light.kitchen_lights
                deviceID:
                  - this
                  - dashboard
            type: image   
         
        image: /local/tp_background_black_fin.png
        type: picture-elements  
                  
    panel: true
    path: home
    title: Home

Itā€™s probably something dumb - or maybe I am trying to do something that canā€™t be done with these customs??

Any help would be MUCH appreciated!

The most recent version of the guide linked from the readme will tell you how to install plugins in Home Assistant 0.107 or later.
Try that method, using the URL that HACS tells you to use (near the bottom).

Or better yet, click the ā€œADD TO LOVELACEā€ button in HACS, and be done with it.

Hi Folks!

I am really noob on home assistant. I am using this Slider and it is great. thanks for develop it @thomasloven.

I had a question: it is possible to apply it to a group devices? Or some how have one slider that controls all the sliders of the car at once like the header_toggle controls all toggles?

thansk!

1 Like

Yes, very simple! Just create a group (of lights) and then assign your slider to this group! Here is the screenshot of how it looks:
image

And the card code:

entities:
  - type: divider
  - entity: light.mirek_office
    toggle: true
    type: 'custom:slider-entity-row'
  - type: divider
  - entity: light.mirek_ceiling
    icon: 'mdi:ceiling-light'
    toggle: true
    type: 'custom:slider-entity-row'
  - entity: light.mirek_desk_lamp
    icon: 'mdi:desk-lamp'
    toggle: true
    type: 'custom:slider-entity-row'
show_header_toggle: false
title: Mirek Office Lights
type: entities

light.mirek_office is actually deconz light group, but it can be as well regular light group created in HA directly. Then it would look like (other group of lights I created for other purpose, so name do not match):

- platform: group
  name: Dorota main light
  entities:
    - light.dorota_main_1
    - light.dorota_main_2
    - light.dorota_main_3
    - light.dorota_main_4
3 Likes

Thanks for the help. That was my approach but I am missing something letĀ“s see:
under my groups.yaml I had:


  All Rollers:
    name: All Rollers
    icon: mdi:window-open
    entities:
      - cover.shelly_shsw_25_691ec7
      - cover.shelly_shsw_25_b94f56
      - cover.shelly_shsw_25_b95255

When I try to use the group in my Lovelace card I need to use group.all_rollers and group is not a supported entity of custom:slider-entity-row .

But what I understand from your answer you can create a group of light and the entity of the group is light. and not group.

What I am missing?
(sorry probably a silly noob question)

Not a group. A light group.

So, there is no way to use it co control a cover group?

No. Groups donā€™t support that.

You might be able to create a template light and redirect the output of the light brightness control to your cover setting.

show_state: true

In the GUI the state never appear when using Edge but does work in iOS app, chrome and Firefox? Any idea?

Thanks @thomasloven - not sure why it made a difference - but when i used the add to lovelace button it cleared it up - even though the formatting I had should have worked haha.

hello , as i can see % the entity and decrease cursor ?
i see % only i change position the card
Can tell me also if possible decide width and height the card
Screenshot_2020-04-30 CASA - Home Assistant

  • Just checking but you know this isnā€™t a card, right? Itā€™s an entity row and should be used in an entities card.
  • Have you got the latest version, there was a fix to improve setting the length of the slider so the text would show up.
  • card-mod is the only way I know of to change the height / width of most cards, it can also be used to style this entity row.

hello eggman, sorry for my english , i am italy :slight_smile:
i install HA 5 days first so i no know as work HA system .
i have install sleder - entity - row , card mod by hacs

if i give you my file example as you put code right so i can copy and test if work ?
also for height / width can you example to write use my entity

my entity is :

entities:
  - entity: cover.shelly_shsw_25_ba8b41
    full_row: true
    type: 'custom:slider-entity-row'
title: TAPPARELLA SALA
type: entities

After the last update mine is no longer workingā€¦

slider-entity-row