Is there a way to rotate the input-range 90 degrees?

Community Help
1

I’m wanting to make a graphic equaliser using input-range and view but don’t see an easy way to do that.

Is there an easy way?

image
image857×332 11.8 KB

2

Might be easier to just use HTML rather than the input library. Here’s a quick and dirty example I threw together—could definitely be cleaned up a bit.

This StackOverflow answer taught me how to render a slider vertically

2 Likes
3

Thanks @harris , that will work nicely.

4

I did actually do vertical sliders a while ago, they are back writable. I guess slider != range makes the search harder.

3 Likes
5

Another great solution: Thanks @tomlarkworthy

6

omg i love the sine wave animation

1 Like
7

sorry I had to fix the topic, it was hurting my brain :wink:

2 Likes
8

Doh, trigonometry is hard :slight_smile: