LAF ScriptSlider?

[A Former User]

@d-healey I was experimenting with Lottie graphics yesterday and was totally blown away by its looks and possibilities! I don’t get what LAF is exactly tbh. But it looks really nice too!

[d.healey]

@vewilya I haven't used rlottie much but what I have done with it has looked nice, very smooth animation.

[ustk]

@vewilya Be just careful with Lottie since all actions aren't rendered/compatible with Hise. So complex animations might not work, keep them simple.
Custom LAF is a way to redraw the components (sliders, comboboxes, etc...) with fully customizable graphics (shapes and colours). So you don't necessarily need to recreate the components from script panels for full customizations, the original ones can now give you almost anything you want...

[DanH]

@ustk We seem to lose the 'boxes' around the option buttons when using laf - anyone else come across this?

[ustk]

@DanH Unfortunately, when using custom LAF, Hise LAF isn't separated from plugins LAF. The recommendation is to write your custom LAF and then deactivate it (comment) when working on the project. Then reactivate (uncomment) before export.
I'd like this to be different like many of us, but Christoph said it would be a nightmare to modify if I translate well his words...

[DanH]

@ustk yes but the blank boxes carry over into the plugin itself - for example at the beginning of the whole process, when installing the samples, and when overwriting a preset...

I'm guessing we don't have any workarounds at the moment! :face_with_tears_of_joy:

Look at this monster lol

[d.healey]

@DanH Yes we have a workaround - LAF :p

Solutions have been posted in this thread - https://forum.hise.audio/topic/3228/look-and-feel-toggle-buttons-and-the-midi-sources-panel/14

Basically you have to style everything yourself.

[ustk]

@DanH When you use a custom LAF you have to redesign the whole component as it starts from blank...

[A Former User]

@ustk Thanks. I'll keep that in mind! So I guess as long as the animations show in my GUI they are working, right? Or would I discover non-compatible animations only on vst/au/standalone export? So much stuff to learn... 🤯

[ustk]

@vewilya yeah I guess if it works in the project you won't have issues…

[DanH]

@d-healey Yup get that, just doesn't seem to be anything for those boxes... Are they appearing in your project?

[d.healey]

@DanH Oh I see what you mean. I'm not using the settings tile so I hadn't noticed. You could paint a panel behind the settings tile.

[DanH]

@d-healey Oh I mean for the button boxes in general, like for the below.... I get a hover box, but normally there's a static grey box for these kind of options/buttons

[d.healey]

@DanH I think you need to customise the LAF for alert boxes.

[Lindon]

@DanH said in LAF ScriptSlider?:

@d-healey Oh I mean for the button boxes in general, like for the below.... I get a hover box, but normally there's a static grey box for these kind of options/buttons

This is why I think LAF isnt very nice. If you start to use it then you have to restyle every component that a plug uses - including all the ones you dont use in your interface.. so all the dialog boxes etc....

[DanH]

@Lindon any idea how to script these boxes?! :b

[d.healey]

@DanH I told you, it's the LAF for the alert boxes - https://docs.hise.audio/glossary/custom_lookandfeel.html#alert-windows

[DanH]

@d-healey hmmmm, I just can't see anything that refers to them. I think it's possibly in the source code, the font in the buttons is the Default font (I think), and there's no option to change that, or the colours in the script (I did, however, change the colours in the source code...)

[d.healey]

This post is deleted!

[d.healey]

Here is an example that will place boxes around the buttons in the Save XML popup. To style different popups you need to check the text property of obj and adjust the styling the way you like. As far as I can tell there is no way to change the button text colour or font (maybe the global font can do it)...

HiseSnippet 927.3ocsVE2aZbCE2GgqZPWlVU6G.K9qC0qniPHoRnpUBgqB0lTztrtIghpL2YN7hOajOSSPS8679Fr97c.GrR5RQZ9O.d989Y+yO+98LCUxPZZpTgrpb0hYTj0OZGrPnm1aJgIPCNGY8S1WPR0TENepyVLijlRiPVVG7FyDVUJixF+8ubFgSDgzhoPnOHYgz2wRX5hYG952x3beRD8JVxFQe7qGDJE8jb4bfOGX6glQBugDSujXBqjMx5Q8iXZoJPSzzTHlyjQKBlJuUjG+GXorwbpwnIJ.Vn7oQ8lx3QCWcVSQHqxCKN4Gjexel8ErH154Kx.+blCbAhMyAVk1lRk2hRMuOJ4K4QlE3dnm0FzqbN8dhcPnhMSW3wvsGaOP.WNSHPZeSZkGKpzSOvtmDhPnajPtg5q.i0HbNwyyE21yqdmCqdXUH4mpwehnvbxD7qv8EwLAsQnhBGs2vkiI77k8cR4McEQ9TJ2odG.IDeCEMlYpS7mKB0LovoVjhbaWNUo+clHRdaMW7jU9hcwxw+Y8p+UULLhaLAJH5x4Nd2462Ja.qqwU1GFJQ.BAPZP.1zYIpTpNuZAvc7wdYi5c1XI+UZn1gT+qiO+qzF2Nkooq8aHbNDWrWiVahyGxaN05ISXg3.hHEeQ.bdZ9xsv1kyhEznqn2ocLbUyzbpKdDjj8bWy9QGcsKtkG7QsP3dQQipYx+lk4v6kni4fTXUXKObx4BnFxPXhHlScFQF4cM943llaUxnVWieAt0ot3SAyiZC6W6+68IVQW7P2lSOZqs4j1EaS0OWuypKarTboTSeuvwbeWo5mqh+2tlLYm9LUtJIGJg1oaS2C02BniXdxXpxEJf3yoqCDjTaqYezCSyFlKj1HPoXffoe+L5R6BUcycnpQKUhvu9sAmSzDiPe4bPby.kByPGqyoeB5ZlK6qXeNM8FsbFz27q5I.cljQy4D81sqL8kW5.xGa0Wvn8EoL8hM6a+czCyam8v14o8AR2mXOjoCmta9VZG7ExZ+ey2kuHbnc+ISf59BxV11+O121+eGTAzbZlH9BhVwtCYYe47j.PdFRAlHDTNrQ1VkLUT41dFaSlIfJhxL9GXrzYSis0RmMW4DkPBUxOFlqTLu47CYy.bRj8baE3cevF2Dkod.b1dM7PIvSgeLLzjJdAv8ci4n8.Sq8.yw6Al16AlS1CLmtGXd42Di4egzctVljKSfIF1OqMhkUeAApxxpHQegT0yJY