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.
1 Like
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.
1 Like
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?
3 Likes
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.
2 Likes
This would be an awesome feature!
1 Like
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.
2 Likes
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! 
1 Like
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!
1 Like
The Vertical Input Range custom tile is now available in production!
Vertical Range Input - Slider / Dimmer - Custom Tile
1 Like