@Lindon good to hear from you all about this, exactly my initial experience, good to know I can save myself the effort for a free plugin, although my 2 pro-tools friends are crying for me to make it AAX. they can get a vst wrapper ;))))
@VirtualVirgin just use the alpha for the background as well
laf.registerFunction("drawToggleButton", function(g, obj)
{
//g.setColour(obj.bgColour);
g.setColour(Colours.withAlpha(obj.bgColour, obj.value ? 1.0 : 0.5)); // <= this instead
g.fillRoundedRectangle(obj.area, 4.0);
/*
This is not needed since you do it right above, no matter if the button is clicked/hover or not
if(obj.over)
g.fillRoundedRectangle(obj.area, 4.0);
if(obj.down)
g.fillRoundedRectangle(obj.area, 4.0);
*/
g.setColour(Colours.withAlpha(obj.textColour, obj.value ? 1.0 : 0.5));
g.setFont("Arial Bold", 14.0);
g.drawAlignedText(obj.text, obj.area, "centred");
});
@VirtualVirgin Copy the image file to the project's Images folder. After that, you can change all of the properties with setPropertiesFromJSON easily. I also added Width and Height for example.
@Straticah I don't think there are any other properties you can change. The popup should be horizontally centred by default, it could be that the width of your knob is not evenly divisible by 2.
You could instead create the popup using laf. In Sordina I replaced the text label with the value, but you could place it above the knob like a popup - this means the clickable area of your knob will be larger though which isn't always desirable.
Peek 2024-07-26 10-24.gif
damn that's beautiful! brilliant usability and clarity