Value popup styling?

[ustk]

@Natanr

HiseSnippet 932.3ocsVs0aiSDEdbZGfXHq1Uhe.V8oVoPVmxtED8gMjzKJZ2zDgCU71tSFONdn1yXMdbaCqVo9SCwuFdjW3Y3L1NwtrdKn.3Ghx4x2Y9lyM6YJIkklJUHq1yWkvPVeF1akPGNJjvEnwmfrdDdBIUyTNEpFtJgjlx7QVV6btQgU6cQ4O+1KFRhHBJqREBcojSYuhGy0UZmM3k7nnyH9r473Zd+rAioRwHYjLC3yNXWTBgdEYI6BhwsVXj0GcpOWKUdZhlkhr1cnzekWn7FQg+WxS4KhXFg9HOHPEpOSF4aXrQKZTHOxe156cJBhxrprvNEYgOGOg6y2nuJa73bCNUHpmOrZ8Pzqec541H8bahdV0n2tEz6IXOphmnqrX31mhGKfBU.AJA0oUgunVG2BORBdHz8hIWwNSABaPr+gttccdtq6AG2wti8ZGSY5KIQYrYxjrjSHZx9usisC7T76dbMKtnhs22.xE+MsWfTwR0KULlnqwum9Tmgm6Pys5Le5r2C8gF3qQSkJQPj7FlZAbzcuO5gSmOe5jx.rXYsCuJ.bgOmHTL+7CO+3GKbfqo1QGxbFJU9PCcQ.60q25fkq1i+Sr7vcTuiNpaoIM6VcCWSA4ZxOJuIDtGq8L.RbaBADDHJ0MYZkKMs2HYLm53QDoNS71qi86N33fLAUykBGo3BolMUr+A1u0ts86rc9qlBBZzlovojQQLUilMSbpGB39hr3ELUWmqMk8MNBsd2u2F+g6sqO5QK5ip4nTLVv0SSXhOz.Ipr4yz6WxJvUcdm+iJ678h3PsBwgF7OF+RgbQeTNgK2lb2u76+5KPe+XSG65v.QDNkDlRyMW.qSXWC6lJFnZiOgkdkVlj6abhTXNeq1+sG5saVe8yuYvpMB28lAo5UlzgM9RyIRIQnTHITMLAKyvuhEnQ2v80gUaAOePHiuLrZe4c7AFjygVvgxaMCzn2ei.rWR5mEQz2eYkYCcoAnJeusBlIeQJWup9F7+0avZrd9OjtOAOiqogMy2VMvWnx9+MeKeePG7oAALpthr6hO6G9uc4eiT46jYZtX4DhVwgZO9hrXOX0CkALQHXQlIQqVlYlBYWirIy3wD94B+A7TZruQ1pzX+0FQwDpR9ZZwjl4MNeRtFfSh7W71F9B.P1YyHFF61yEECuH70TpIU7E.2aFygaAlubKv7rs.yy2BLGsEX9ps.yW+fXLeCx2lokwEiIfhYmlupyx5TAA5xx6HQ+ILbAnpB

EDIT: Oups sorry David I didn't see your post...

[Natan]

@ustk Oh Wow , Youre Example is great To show the full potentials :)

[Lindon]

// set the popup styling
Content.setValuePopupData({
    "fontName":"Netto",
    "fontSize": 14,
    "borderSize": 1,
    "borderRadius": 1,
    "margin":4,
    "bgColour": 0xFF636363,
    "itemColour": 0xFF000000,
    "itemColour2": 0xFF000000,
     "textColour": 0xFF636363 
});

[lalalandsynth]

Is it possible to make a custom value popup and I dont mean customizing the current one, including the Fade out of the popup ?

There is a bit of a problem when you invert the value of a slider via script and it still shows the non inverted value in the property editor Value popup , another reason why it would be cool to be able to just invert the min/max setting in the property editor.

[ustk]

@lalalandsynth I'd say with a script panel. And use a timer to fade the alpha before hiding it.

[lalalandsynth]

@ustk that could certainly work.

Quick paint routine question.

How can i use the layers?
I managed to start a layer but could not seem to end it as the started layer affected all layers beneath it ?

[d.healey]

@lalalandsynth I think you only need layers for adding blur (and maybe some other effects) otherwise things are layered in the order they are drawn.

[lalalandsynth]

@d-healey yes , i just saw that there should be a way to both start and end a layer, wondering how to do it.

[d.healey]

@lalalandsynth

[lalalandsynth]

Yep, saw that and managed to start a layer , just had problems ending it.

Will have a better look.

[d.healey]

g.beginLayer(true);
//Do stuff
g.endLayer();

I think layers might only work properly if you enable the opaque button in the panel's property editor.

[ustk]

@d-healey @lalalandsynth Apparently, opaque is used to prevent the rendering of the components that are below, hence save CPU... Or something like this...
Anyway, layers are not affected. You just draw with layers like in an image editor.
Just a few weird things:

• gaussianBlur doesn't work
• When drawOnParent is set to true, the components below are showing through...
• I haven't tested extensively, but for what I've seen layers are crashing Hise when used in custom LAF

Panel1.setPaintRoutine(function(g)
{
	g.beginLayer(false);
        g.setColour(Colours.darkgreen);
	g.fillEllipse([50,50,100,100]);
	g.endLayer();
	
	g.beginLayer(true);
        g.setColour(Colours.deeppink);
	g.drawRect([100, 20, 100, 150], 5);
	g.boxBlur(5);
	g.desaturate();
	g.endLayer();
	
	g.beginLayer(false);
	g.addNoise(0.5);
        g.setColour(Colours.yellow);
	g.fillRect([120, 80, 100, 150]);
	g.endLayer();
});

[d.healey]

@ustk

I don't see drawOnParent

[ustk]

@d-healey It's the bool argument of beginLayer()

[d.healey]

@ustk Oh yeah, of course!

Setting it to true works if you also enable the opaque button.