Orientation of sliders

Question

Orientation of sliders

kvacke opened this issue a year ago · comments

Hi,

I wonder if I can get some assistance on changing the orientation on sliders from vertical to horizontal?
I managed to rotate it (ez pz) but I can't figure out how to make it listen to mouse movements along the x-axis... 🤔

Juho Vepsäläinen · Answer 1 · Fri Jun 30 2023 14:59:53 GMT+0800 (China Standard Time)

Can you set up a standalone example somewhere online (codesandbox or something)?

Note that this library isn't well supported as there are so many more modern alternatives available.

jbleckert · Answer 2 · Fri Jun 30 2023 15:43:11 GMT+0800 (China Standard Time)

Thanks so much for this fast reply! This package actually fits our needs perfectly in terms of customization, it's just this nagging detail that I can't figure out. I can see if I can figure out an example. Should it be as simple as transform:rotate(90deg)? I looked at one of the examples listed in the readme and don't see it in their css.

Juho Vepsäläinen · Answer 3 · Fri Jun 30 2023 16:19:52 GMT+0800 (China Standard Time)

I would check https://github.com/bebraw/colorjoe#sites-using-colorjoe for additional examples as I think some of those do what you want.

It sounds like some CSS trick potentially, yeah. Maybe bit of JS.

jbleckert · Answer 4 · Fri Jun 30 2023 20:00:03 GMT+0800 (China Standard Time)

I ended up deleting 'alpha' from extras and wrote my own slider and used it's value with picker.set(). Thanks anyway! ⭐

Juho Vepsäläinen · Answer 5 · Fri Jun 30 2023 20:03:59 GMT+0800 (China Standard Time)

Cool. If you want, feel free to send a couple of lines of code on how you did it and I'll add to docs.