How to do rounded corners in sliders

[0x7887]

Hi, how to make this sliders have rounded corners instead of squared, Thanks!

[d.healey]

@0x7887 You can do this with look and feel.

In this video I'm using Global look and feel, but these days you should use local.

https://youtu.be/PykrsXv8aqg?si=2hQJ4jSnTMyiKaq3

[0x7887]

@d-healey Thanks for help!

[0x7887]

@0x7887 Works well but i want the rounded corners to be outside. how local works is it in the documentation? I'll search for that.

[d.healey]

@0x7887 Local works pretty much the same way.

const myLocalLaf = Content.createLocalLookAndFeel();

Now register your laf functions with myLocalLaf instead of Laf

Then assign myLocalLaf to your component, for example a slider.

mySlider.setLocalLookAndFeel(myLocalLaf);

@0x7887 said in How to do rounded corners in sliders:

Works well but i want the rounded corners to be outside.

Got an example?

[0x7887]

@d-healey said in How to do rounded corners in sliders:

Got an example?

rounded corners appears to be only inside in (the green box)

I want it to be in the grey box aswell

[d.healey]

@0x7887 You can draw the background too.

HiseSnippet 957.3ocsV0saaaCElxIpa1aqncnO.D4JmAi.696.JFRabhaMZbpQcZw.JBJnEor4LEo.IUZbJxc6kn2sq1k6UnOK8MXuAaGRIGoLGjzZf4Kr0gme32g567QOTqhXFiRiBpe37TFJ36CGMWZm1cJgKQ82EEbyvADikow4Ksy7Thwvnnff0dlagf5qi7e96s2gHHxHV4RHzaT7H197Dtsb0gO4EbgnGgxNjmTI56+j9QJYWkPkA3Ysv1nTRzLxD1ADWX0BQA2XOJ2pzirDKy.wrihNezT06k4w+FtgOVvbFcPifBkuLp6TtfNbQuZPnf0GV14qk242Ib.mxOe8xSfa4cfKyn5YPPsqBRc9JfTPEHsdNjtc3nHMO0V5wgmuKruDdgDSfi5pPIOVTsA0B6pfHj1sRHyX8zfw4Yz7gsa2BCes4iaz.NtMV7wDM9ER03N3eAuHwILaWURpRBFM2v6cixLDj3JwFoYPuuuJhH1Wol8TIsGiIZ5B2m3VFlcIuPIbA.+rklMg6XX8xjQVtR1bCpl7984RFQORvoL8FsvwKbNoEVM921rwGZTGOwU5bBSy7eLP0nPgqi8tiAh1qTYRJi9JVjkHmHXMgz2h.XtEtS6xPWtRiEYrqoTucQsda6i73J2nSUi6dD9m7VGSfBVww8N5nBHb1lOdQ+gUxCTV1KkM8sXiyZf+uthiuTetWGZkPvzWpa2rl9pRroLKYLS2B6w44ABjwKxvuwWFCOJmcTIPkrujaeYJqvtmRPcLW2yKOOfJnWtIiBDBgZ8yE2rXtHmcf3PQ9lPOWC4Aeglxe7wO94sQut+tDKYQYfJB6RJSa4tlIXW1wfBU93V8vcYlYVUpO1B1OHIdsa5Infvf+D1w4tGNCdvXmK7poOWo4mB6KQfR3TpfMTY3tC9JBmeBX+oi3m5w8Gtye8rOe5uucRUsUDJgbRUoVSVbL+DunHPLSLV.Y8S.sRTvOF9ZCCSYwjLgEalA0QvkyXzCU93QKqy.JbJZlfXunrmSeuvgCvU0Zb5IRnQlWETeEZgsuRsvuTHd6vgbazzKGi0tDLBrf+OvXwMH+P3dwwf1PI.WOr2utpWWbMaOnEY4xICHvqdG+6frjQfrUDC1cojILNpXM2bTtcams6DXDSR8F+C7ovYGmcPgyNKbBjtHs5cQ4Set6n9V+J.lj9qjqC+2.vFewwtb9Jbk46hhtXoVJw6tpIduUMw6upI9fUMwGtpI9nUMwe95Sz8OZdZlUkjO1fPCFtmWlLHXOIAXfd1J5eQ93ssn

[0x7887]

@0x7887 Omg! Thank you