Vertical Slider

Photoshop UXP Plugin API
,
1

Hi,
does anyone know if there is any vertical slider supported in UXP plugin?

Thank you very much.

1 Like
2

I don’t think transform CSS is in place, but my vote to anything that brings a vertical slider in.

1 Like
3

It’s not and I don’t think it’s coming any time soon. As I understood, UI is not a priority, even if there are clearly visible bugs all over the place (even on Adobes own plugins)

1 Like
4

In some occasions it might be a workaround to use SVG transformations, as they are already available. I used them to build circular sliders for example.

1 Like
5

That would be very interesting… @simonhenke can you please provide an example?
Thank you very much in advance!

Thank you @DavideBarranca and @Karmalakas

6

I used this angle input as a starting point, there are implementations for vanilla JS, jQuery and React.
But instead of rendering divs and spans, I used an svg with svg transform,
which looks something like

<svg xmlns={"http://www.w3.org/2000/svg"} viewBox={`0 0 ${size} ${size}`}>
  <circle
    cx={size - size / 4}
    cy={halfSize}
    r={thumbSize}
    transform-origin={`${halfSize} ${halfSize}`}
    transform={`rotate(${-degree} ${halfSize} ${halfSize})`}
  />
</svg>;
2 Likes
7

@simonhenke thank you very much! I will try it.