This widget displays the standard slider widget and adds a collection of buttons below the slider. The buttons are generated from a CSV list.
I am using this widget for dimmers to provide full range control using the slider and quick access to commonly used levels with the presets. Before creating this, I was grouping standard slider and button widgets as shown in the right of the screenshot below. The left and bottom of the screenshot show a couple example configurations of the widget.
The CSV list can be just the values which will be used for the button text and the value written to the item as shown in the bottom of the screenshot. CSV: 0,25,50,75,100
The CSV list can also contain value/text mappings as shown in the left of the screenshot. CSV: 0=Off,50=Half,100=Full
The image above shows the tab used to create the settings. We need to make sure the settings are being set to real world values using the âPreviewâ tab.
I like this, have exactly the same issue combining buttons with sliders, so definitely will try this. Not sure I like the white color of the buttons so much but am sure that will be easy to adapt. Thanks @jjones for this template.
@jjones Love this widget. One question though, what would it take to add a background image to this widget?
Below an image of the regular slider in my Habpanel and your slider with presets. Would be great if I could add the lightbulb in your slider as well, even if just manual
I have updated the widget to support a background image. The GitHub repository (in the first post in this topic) has been updated with the new version.
@rswennen, please test this version and verify that it is working as you expect.
Would you mind sharing it like like that:
Slider is an openhabItem, three Buttons are an openhab item which differs from the above one?
Need it for a MAX! Heating Solution.
One Item ist setting the temperature with a slider and underneath it you can control the state AUTO,MANU,ECO.
Highlighting Auto,Manu or Eco presents the state of the item.
I think that many people need that. But the one you created is really nice.
Please think about it. You would help me a lot ;-( @jjones
Not really. I solved it with some rules. I have a heating which requires a slider to control the Temperature by hand. The three Buttons underneath are needed controlling the different states.
These ones have to be send:
AUTOMATIC (String command) - AUTO (Label of Button)
MANUAL (string command) - MANU (Label of Button)
There is no string provided for switching off. Therefore the third one has to be a value thats doesnât send a string but a value. E.g set.temperture 4.5 to an item which differs from the other 2.
Hi,
Iâm completly new to OpenHAB,Habpanel,AngularJS, web development. I would like to use your widget with vertical orentation. Is it possble?
Thanks, Marcell
@Marcell_Gerzsenyi, updating the widget to support a vertical orientation should be fairly straightforward. It will be about a week before I can take a look at it. If you can wait then I will take a pass at it for you.
@jjones Great wdiget! Is there any way to change the color of the buttons? At least make them black with white font or even transparent? Only thing stopping me from putting the widget into production is this. Thanks for your work.
edit: I see in the examples PNG that one of the widgets buttons are transparent (depending on HABpanel theme I assumed, Tested to not be true)
Yes, the brightness changes when using the buttons
Yes, the slider works as well.
I have opened a new thread here, I think there might be something wrong with OpenHAB reading the current state of the lights. Which would also explain why this widget isnât showing the proper values.
However I have no clue on how to fix it.
Hello your widget is very interesting. Since I am a newbie in widget and have no idea how to customize to my need would you be so kind to customize for me? I like the buttons idea, but I dont need the slider on top of that. I just need the buttons and the selected one with different color. thaâs it.
I hope you can help me out.
