Look and Feel - Toggle Buttons and the MIDI Sources panel...

[A Former User]

@d-healey I didn't hide anything...didn't hide black combobox either. If you write

laf.registerFunction("drawComboBox", function(g, obj) {
 .........rest of the code
    g.setColour(0x00F7B7C7); // make transparent

});

[A Former User]

Works perfectly in DAW

[d.healey]

So in order to use the settings tile I have to make all combo boxes transparent and then redraw the settings tile using a panel and a paint routine?

[A Former User]

@d-healey Not only transparent, you can select any Combobox/Custom settings panel color from the code.

laf.registerFunction("drawComboBox", function(g, obj) {
 .........rest of the code
    g.setColour(0xFFC7D1D6);
});

const var laf = Engine.createGlobalScriptLookAndFeel();

Always override the default LAF. So you don't need to write Paint routine to draw combobox. The default combo box will be overridden by the drawComboBox

[A Former User]

Content.makeFrontInterface(500, 400);

const var laf = Engine.createGlobalScriptLookAndFeel();
laf.registerFunction("drawPopupMenuBackground", function(g, obj)
{
    g.fillAll(0xFF222222);

});

laf.registerFunction("drawPopupMenuItem", function(g, obj)
{
    var a = obj.area;
    var h = a[3];
    
    if(obj.isSeparator)
    {
        g.setColour(Colours.white);
        g.drawLine(a[0]+10, a[0] + a[2]-10, a[1] + a[3]/2, a[1] + a[3]/2, 1.0);
        return;
    }
    
    if(obj.isTicked)
    {
        g.setColour(0x9F5AC4EC);
        g.fillEllipse([a[0] + h/3, a[1] + h/3, h/3, h/3]);
    }
    
    g.setFont("Calibri", 15.0);
    
    if(obj.isHighlighted)
    {
        g.setColour(0x9F5AC4EC);
        g.fillRect(obj.area);
        g.setColour(Colours.white);
        g.drawAlignedText(obj.text, [a[0] + h, a[1], a[2] - h, a[3]], "left");
    }else{
        g.setColour(Colours.white);
        g.drawAlignedText(obj.text, [a[0] + h, a[1], a[2] - h, a[3]], "left");
    }
});

laf.registerFunction("drawComboBox", function(g, obj) {
    var a = obj.area;
    g.setColour(0xFF1B2129);
    g.fillRoundedRectangle(a, 1.0);
    g.setColour(Colours.withAlpha(0xFFACACAC, (obj.enabled && obj.active) ? 1.0 : 0.2));
    g.drawAlignedText(obj.text, [a[0] + 10, a[1], a[2] - 30, a[3]], "centred");
    var h = a[3];
    g.drawTriangle([a[0] + a[2] - h/3 - 10, a[1] + h/3, h/4, h/4], Math.PI*2,1.0);
});

[d.healey]

@Rudra-Ghosh Thanks for the example, that makes it more clear. I think I'm still going to avoid LAF for now, it feels too janky.

[ustk]

@d-healey The only thing I'm not confident is the Content.createPath() issue that makes the components disappearing as we mentioned in the related thread. I'm pretty confident about the rest. It is just that switching from custom to standard LAF makes some weirdness inside Hise (hence the reset function), but once compiled, everything works as it should.

[Lindon]

@d-healey said in Look and Feel - Toggle Buttons and the MIDI Sources panel...:

@Rudra-Ghosh Thanks for the example, that makes it more clear. I think I'm still going to avoid LAF for now, it feels too janky.

exactly what I decided......

[d.healey]

This post is deleted!

[ulrik]

@ustk I had to put

Content.createPath()

outside the function to get LAF to work with sliders, then it's working fine also when compiled

[ustk]

@ulrik yeah that might do it, but since Christoph said it was bad to refer to external variables in a custom LAF, I’m a bit confused on doing this...

[d.healey]

@ustk said in Look and Feel - Toggle Buttons and the MIDI Sources panel...:

@ulrik yeah that might do it, but since Christoph said it was bad to refer to external variables in a custom LAF, I’m a bit confused on doing this...

I'm a bit confused by it too. Christoph said

the methods that you give the LAF object must never access script variables outside their scope

But does that mean passing variables in as parameters or referring to variables within the function? What about external constants, won't they be resolved at compile time?

[d.healey]

Right, I've spent most of the day playing around with LAF. It's usable, but it takes some getting used to and it still feels janky.

[ustk]

But does that mean passing variables in as parameters or referring to variables within the function? What about external constants, won't they be resolved at compile time?

That was a question I asked Christoph but I can’t find the thread... my question was about colours, for instance, is it safe when you use your own external colour var inside a LAF

[d.healey]

@Christoph-Hart Any idea why paths are causing LAF controls to vanish?

[Christoph Hart]

Do you have a reproducible example?

[d.healey]

@Christoph-Hart I will in a minute little while, dinner's ready :D

[d.healey]

@Christoph-Hart said in Look and Feel - Toggle Buttons and the MIDI Sources panel...:

Do you have a reproducible example?

Actually @ustk has already provided an example - https://forum.hise.audio/topic/3732/custom-look-and-feel-component-id/12

[d.healey]

@ustk said in Look and Feel - Toggle Buttons and the MIDI Sources panel...:

@Lindon It's not yet merged, but if you can't wait, just remove or comment out this line:

Have you made a pull request?

[ustk]

@d-healey hum… dunno… I'll try to get my head around this tomorrow but pretty busy atm