New widgets: input slider(horizontal and vertical), input select and light with brightness

Once you select the input?select entity it will immediately fire a script or toggle/on/off a switch.

you can make an automation do that.
and if the change does trigger it you dont need the switch part to be visible :wink:

what would be cool is to click on a camera feed and make the feed as big as the whole dshboard, click again and goes back small

Overall I like hadashboard much more then floorplan

something like that is already on the planned list.

Great!

I installed this with success

now try to put the ARM DISARM script in hadashboard. ARM is easy, the DISARM script needs to type in a CODE in order to disarm the alarm. How could I do this?

sorry but this has nothing to do with this topic.
please ask your question where it should be.

Good evening,

I think I’m missing something to make the sliders work for my lamp.

I copied your files and put them in etc/config/hadaemon (where my appdaemon.yaml is located) in the folder /custom_widgets like it is written in this long post :slight_smile:

I added like you wrote the code to my hello.dsh file

it says: Unable to find widget type 'baselight_with_brightness"

Am I missing some installation steps ?

In the description you say “place the files in the directory /conf/custom_widgets” does this mean the “custom_widgets” must go in the config folder where the configuration.yaml is located?

Maybe you are expecting some knowledge level which i dont have :slight_smile: I also read the full description of setting up the dashboard and it worked for me…

Thanks, Danke @ all

it might be partly that i am not a native english speaking person :wink:
yeah the folder custom_widgets needs to go in the folder where your appdaemon.yaml is located.
in that folder you need to place the yaml files and the files from the sub folder called baselight_with_brightness

so you get:
etc/config/hadaemon/custom_widgets/light_with_brightness.yaml
etc/config/hadaemon/custom_widgets/base_light_with_brightness/light_with_brightness.css
etc/config/hadaemon/custom_widgets/base_light_with_brightness/light_with_brightness.html
etc/config/hadaemon/custom_widgets/base_light_with_brightness/light_with_brightness.js

und gern gemacht :wink:

Is it possible to create sliders like this? where the left of the slider is blue and the value is on the actual slider?

sliders

1 Like

yeah thats possible.
you need to lookup css for input type=“range” how you can manipulate a slider.
that css can be used in a widget definition.

I figured out the slider, now to figure out the widget part. and link to my devices

in the slider widget you can use:

slider_style:"here goes your slider css"

any valid css will work on that place and will change the look of the slider.
the slider is in a sub container in the widget.
you can change the size or placement from the container by using:

container_style: "valid css"

Did you figured out how to make those sliders?

there are a few things that are involved in making something like that:

  1. the widgetsize needs to be changed to something like 20x200 (which would be bad for all other widgets, but it can be done with a subpage (dash in iframe))
  2. the slider_style can be changed with normal css ( google for css slider)
  3. you need to rearrange the widget components (slidercontainer_style top to 0)

a percentage beside it that is moving will probably be very hard to do. because the value is outside the slider container

another way would be a custom widget

I’m dragging up a slightly older thread here but have been unable to locate the info. Has anyone had success with getting the slider up and running in Hass.io? I can’t locate the variables.yaml file and when I create a blank one, and paste the settings into it as advised, all images disappear from the hadashboard icons on every dashboard…all you see is the ‘button’. Any advice for Hass.io would be greatly received.

input_slider is default in HADashboard, so you dont need to create a custom component for it anymore.
to get any custom widget to work you need a complete custom skin to get it to work.

Thanks mate. Got it working. Cheers.

Does the vertical slider still work? Is it called input_number still? Trying to create a vertical slider and this seems like maybe the best option?