Coder Social home page Coder Social logo

lovelace-slider-entity-row's Introduction

slider-entity-row

Add a slider to rows in lovelace entity cards

This works for:

  • light - set brightness
  • media_player - set volume
  • climate - set temperature
  • cover - set position
  • fan - set speed (assumes first setting is off)
  • input_number
  • input_select

slider-entity-row

  - title: slider-entity-row
    cards:
      - type: entities
        title: Domains
        show_header_toggle: false
        entities:
          - input_number.slider

          - type: section
            label: light
          - type: custom:slider-entity-row
            entity: light.bed_light
          - type: custom:slider-entity-row
            entity: light.ceiling_lights
          - type: custom:slider-entity-row
            entity: light.kitchen_lights

          - type: section
            label: media_player
          - type: custom:slider-entity-row
            entity: media_player.bedroom
          - type: custom:slider-entity-row
            entity: media_player.living_room
          - type: custom:slider-entity-row
            entity: media_player.lounge_room
          - type: custom:slider-entity-row
            entity: media_player.walkman

          - type: section
            label: cover
          - type: custom:slider-entity-row
            entity: cover.hall_window
          - type: custom:slider-entity-row
            entity: cover.garage_door
          - type: custom:slider-entity-row
            entity: cover.living_room_window

      - type: entities
        title: Options
        show_header_toggle: false
        entities:
          - type: section
            label: default
          - type: custom:slider-entity-row
            entity: light.bed_light
          - type: custom:slider-entity-row
            entity: media_player.bedroom
          - type: custom:slider-entity-row
            entity: cover.hall_window

          - type: section
            label: "toggle: true"
          - type: custom:slider-entity-row
            entity: light.bed_light
            toggle: true

          - type: section
            label: "full_row: true"
          - entity: light.bed_light
          - type: custom:slider-entity-row
            entity: light.bed_light
            full_row: true
          - entity: media_player.bedroom
          - type: custom:slider-entity-row
            entity: media_player.bedroom
            full_row: true
          - entity: cover.hall_window
          - type: custom:slider-entity-row
            entity: cover.hall_window
            full_row: true

Extra options

hide_state - (default: false) Set to true to hide the percentage display.

min - (default: 0) Minimum value of slider

max - (default: 100) Maximum value of slider

step - (default: 5) Step size of slider Note that slider values are in percent and will be rescaled e.g. for lights which require a brightness setting between 0 and 255.

hide_when_off - Hide the slider when entity is off.


Thanks to Gabe Cook (@gabe565) for help with fan and input_select support.

lovelace-slider-entity-row's People

Contributors

benct avatar gabe565 avatar hulkhaugen avatar thomasloven avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.