Just added a vote for this - would love to see this
Bumping this is hopes of getting some momentum behind it.
Yeah Iād like to see this too. I ran out of votes though.
I just voted. Would like to see an improvement in this area.
It would be great to have a generic slider tile type that could be used for any numeric value e.g. volume, level, target temperature etc.
Iāve included this in my dashboard. Good solution until a slider style is available.
Is there a way to make each āup arrowā click move the volume variable up by 5 rather than 1?
No, thereās not a āstepā setting for variables. In theory, you could have a rule that multiplies the variable by 5 using an expression (or any other conversion that you want), but the displayed variable value would still be the raw value.
I assume there is no way for the tile to read the actual volume level of the speaker, right? Like if I change the volume with the remote, the number on the tile stays the same. Otherwise, this is a pretty slick solution.
Also, voted!
Iām accomplishing this by brute force. This example changes the variable by 10 but it could be any value you need.
If you are part of the beta group, weāve put together a couple of new Vertical Volume range inputs powered by the new Custom Tiles: Access to Things and Variables feature thatās in development!
If youāre part of the beta group, be sure to check out the following link for more details on how to try out these custom tiles:
If youāre not part of the beta, I would still love your feedback based on these designs!
Based on the feedback above, weāve added the ability to specify the āstepā for the volume changes, but are there are features or settings you would be looking for?
Pretty cool!
(1). I donāt understand what āstepā does. I donāt see any difference in operation between a value of 1 or a value of 10. Iām obviously missing something.
(2). āThingsā are limited to devices with audio. Iād like to use these tiles to control lighting level. Is (or will this be) this possible?
Hi Stan-
Check out the attached video for a demonstration of the āstepā feature. The slider on the right has the step set to 10
, so it only allows changes in increments of 10.
This particular Custom Tile was intended to solve the feature request in this thread for a Volume Control Tile, but I donāt see any reason why there couldnāt be another variation of it designed for lighting.
I noticed that the slider dragging doesnāt work well on iOS, so Iād like to get that working well before making variations of the tile for other device types.
This would be an awesome feature!
Thanks Josh. Itās not working that way for me; step set to 10, but value changing by 1.
I know itās early in the game and updates will be forthcoming, so Iāll wait around for those changes - and hopefully even a version that allows other types of things!
Stan
Hi Stan-
Weāve released a general purpose Vertical Range Input custom tile in the beta thread. Even though it looks almost identical, itās a complete rewrite of the underlying code to provide better cross-browser compatibility.
Check out the details in the beta thread linked above and if things arenāt working for you, please post additional details in the beta thread directly.
Thanks Josh!
Almost perfect - for me. I only have room for a tile width of 1 for this control. Using a transparent tile, the usable portion of the control seems to be about 40% of the available width. This makes it too difficult for my fat fingers to manipulate the control. Would it be possible to increase the usable width to 100%?
Update:
Iāve edited the code to get the control sized just the way I wanted. Happy!
Thanks for the update! Did you end up making the width of the bar itself wider?
I started some work late last week trying to keep the width of the bar the same size while making the touch area the full width of the tile, but kept running into complications with each additional step forward I made!
Josh - I made a few minor tweaks:
-
In .wrapper (line 386) changed vw to 95 and vh to 100.
-
Made the same changes in .range-slider (line 412)
-
Iām displaying the value beneath the control, so I commented out the tooltip stuff.
-
I changed the alpha to 0.5 in line 424 to provide more contrast between the upper and lower portions of the slider.
Looks just the way I want now - and I had fun playing with it. I realize I might have to fiddle some with the released version of the code.
Thanks for this really handy control!
The Vertical Input Range custom tile is now available in production!