Look & Feel - ComboBox Background.

[Chazrox]

If you use a viewport and check 'useList'. Then you can make a transparent list area. You just have to also make a label of some sort showing the currently loaded index/value, so that the user can click to reveal the viewport list. Pretty much what a combobox is. Little hacky but I got what I wanted without doing anything too crazy. I prefer to do this when the list is very long, you can set it to open at a set size and have a nice scrollbar.

[dannytaurus]

@David-Healey I just had a go at fixing this. Is that what you mean?

HiseSnippet 1112.3ocsVs2aaaCDmJIJKwacqEne.H7e4roYH+pIcACMO8pwxCi4rhMDDTPKcxhKRjFRTMwXneH12z8MH6ndXKO6klZfI.av6Eue2wi2w9QRGHNVFQLpb0jw.w3qLGLQn7O1mwEjdmPL9ZyyYwJHhlw5nIiYwwfKwvX8eRyvX6MHoe+8aNhEvDNvLVDx6jbG3LdHWMia+C9YdPPWlKbEOrj1sOnmiTbrLPlf3YcSaxXlysrQvELsZqYRdKK1mX7sl1scX60zqSqVu9061wcH330.FtqCytCyqCC41l0tSi1DiMO0kqjQCTLEDia5QR2IC7k2Ixbv63w7gAflnAY.54L1ji84At8KRNwDhwF8mkpVOKU8Ryy4t7o7mkxddp.5LKJmzLV6wfTiOCHYTBRajAoWXNvIhOVMShFOeoYOAdB5wvylxPISWxZ+05lGKQMDp5gragtQHwTKp0z11hh+sy9UpfmOwJZ.yi9izBSbh.LRNS5vBNSJu8PgaW.BpoUGUrdDLhqqe5lHbTbonVU2H1c8kiSFeNHRNBOhGEISDtUsndE5LxhJG9G6T4OqPwuQ0iAUVcQsp12am+UEcQlXOrd5W.GUsqssrsz.F+cCJ9iOQTzSAg+29+CrHJCiXjUcFFs3dVvdLy8PjCJ7Z1012P+NZSKJ65FSW07F52SaqW0Jc0M6uPHo2Vd7a4i7CveJvk9FZln35ih.PP+gozCCRf4CacpCb0QOSLJ.pkiHK5d6TBmJ3dUAPy0HCt6YUDCHnmsNE1Md0LFstYIHu.U24yUyfEJuKVaTq5IfGKIPgI1FsqaOUtNyeHFpBv8JDVowuFeVSQoEsZ.3opVbBlU1crLbn7H48MJU7MRikvwRAnc3TMzVNkPCnEJOwhhc1u37lJEWHUvkhZ5i7sq7wJz+sHOukJSiiHYP.DsTw5FbQOlg0DIgCgHK7PRexVnHdgd9tDa9z5R3jkVJonTzSvUWNFxo6JCb0290qWrmBIOup6tjiPTUUZukmm2aoHuR3t5VKSSyjzPnbyexu16DlhUrY39h9ZLDo35Px3D3C3vgrFWaadBDeqRNF6yO8.kXrUlqeVQaMl.BR86VloqaPturCmTl.KICKFlr8lDxCOLO2lkYeG2U4OyZ9A9f9tXYNjR35KdhoDDclFMyPlowKwEgrTdqunO+8CzXCSLei4kBnxU2IqbkOd8GGXtPedbBizMIfoleridfbt.rJatd8594hXtZR4A1eFyhrezYQOUH9By9bki+xw3ZKAiXsy+GXLeB9yLO0yC6bNCfaX182V0w0eB2icpUbwnyYpHttF3hjvAXYnCfdWf0xw55h0z2Ayns0z5Lv.P3lR7.9kKrgl1HWXiBgX0kSj78NY2b0uQXqTNHlDougZa7wbHMcIWVCwmr7dGm42pELr4pZXqU0v1qpgcVUCe0pZ3tqpg68oMT+hxCSTxvrqMDx48OMs4pgwoBFVAlVsR9GztgJYG

Content.makeFrontInterface(200, 200);

const laf = Content.createLocalLookAndFeel();

laf.registerFunction("drawPopupMenuBackground", function(g, obj)
{
    g.setColour("0x00000000"); // any transparent colour
    g.fillRect([0,0,200,200]);
});

laf.registerFunction("drawPopupMenuItem", function(g, obj)
{
    var a = obj.area;

    var padArea = [a[0] + 2, a[1] + 2, a[2] - 4, a[3] - 4];
    g.setColour(obj.isHighlighted ? Colours.green : Colours.blue);
    g.fillRoundedRectangle(padArea, 8);

    var textArea = [padArea[0] + 8, padArea[1], padArea[2] - 16, padArea[3]];
    g.setColour(Colours.white);
    g.setFont("Default", 14.0);
    g.drawAlignedText(obj.text, textArea, "left");
});

const ComboBox1 = Content.getComponent("ComboBox1");
ComboBox1.setLocalLookAndFeel(laf);

The drawPopupMenuBackground object should probably include an area, and the popup menu items still have a subtle drop shadow. But they're both fixes for another day.

PR here, if it's useful: https://github.com/christophhart/HISE/pull/805

[David Healey]

@dannytaurus Excellent, thanks

[Chazrox]

@dannytaurus sick man.

[David Healey]

@dannytaurus Seems to work perfectly

[dannytaurus]

@David-Healey Excellent! Your example just reminded me this also solves my issue with getting rounded corners on the MID Learn popup too. Bonus

[Chazrox]

@dannytaurus You just upped everyones combo box game. haha.

[ILIAM]

@dannytaurus @David-Healey Doesnt work on older Version!
I see a White Bg Here!
Did you Guys Changed the Source code?

[David Healey]

@ILIAM said in Look & Feel - ComboBox Background.:

Did you Guys Changed the Source code?

Yes you'll need to wait for Christoph to merge it, use one of our forks, or make your own fork and pull in the PRs.

[ILIAM]

@David-Healey said in Look & Feel - ComboBox Background.:

wait for Christoph to merge it, use one of our forks, or make your own fork and pull in the PRs.

Great!
Can you point me to the Code you guys changed?
I want to stay with my Current Version of Hise for now

[David Healey]

@ILIAM Check these two PRs from @dannytaurus

https://github.com/christophhart/HISE/pull/805
https://github.com/christophhart/HISE/pull/806

[David Healey]

@dannytaurus Do you think the same trick would work with alert windows?

[dannytaurus]

@David-Healey Yeah, can't see why not!

I've never used an AlertWindow. Do you have a small snippet?

[David Healey]

@dannytaurus Here ya go

HiseSnippet 1027.3ocsVstaZbDEdVr2zBsMpQpO.S3WqqPD1XarsrppuRJpFGTvMs+KZXlyBS8vLnYm01nJK0Gs9+9xz2f1yr6ZC9hbRPpH.y457MemKq6aMbHM0XIA0Na1TfD70gClociObLSpIcOhD77vdrTGXoEpNX1TVZJHHAAq7FuhfpqRxe8O+3ALESyg4pHj2ajb3D4Doat1968yRkpCS.mImrf2arWWtQenQYxP7rRXKxTF+b1H3Tl2sJgjehkNlD78gayGJZuifs0v1sGtULWrSRq3cX.Lb8M2dcXSdadbRaVKRvyNVHcF6.GyAoXROvHlMXr4RcwA7dYpbnB7BwjA3IWnlb3XoRz+FxIkPBVs+bpZkBp56B6IExa0Omx91bCz4QrHoET4ofT7mAjBV.RqV.oWDNfakScys3wyWE1UiUvDFVaVDJE9Rp72UBOzfdncMmvNG5XQgaiHpcqVMn3WqsasZX8I0QUrD5OPOVORpglbKfWj2nLCYphDdhwb99ZQG.TQ9fd0qdIceEXczKkZg4xZX7MsvHouspSll6jFcTcgkcYta+ZtW0aPStw1nFTyveesZ+QspWvrTFd5nbSFdz6ViRo3mpiZlBthlmnVWkjrd75udiMVa2BaIXG26LYZAHdGvcL8HEDwZPecqbOPeteNJ9SZyKGKcvMoo.ixQZPbFbkKxiBmzofFTFdkDYbPDE2ZsFz5bjNQM0wPu1yB0jZExW2donF8AYNmQG64dqQEwMSlZzXXMnWvTYP98UlPidYoX0pVvkY0X1pVx9oXiSOrRiSIGXtJp9YdvfTW8yFKSo3aFE6xbnF+E8ZLxapzi72zxCLpdITpuVACjCnCYJ0PbBL59HEyzB2hSMN3s5nbzV65Zz6aJI4QsUlKrf+nl8qFrOUfQ5rICA6hbk2QbT3tyWO6Sa9hWPKK3nQ2UKcucJTJ2wnD94F+ue3zHojWwe8KcOh4X9AzRcneSw9ZoGNAGAWfqDKFWqFdDjdtyLM22xhAI3Kb4Ved4vbA4SjBe.kUBxU2t27OOeuY2J7Wp8jo8LSv7vrn5fJflgWW+BoS.lU6m6SYW.c08s.Vq8xjGtHAWgYDYJl6t607a7KMfEi6rLwuvPmJcyV7IBeFK6Z8jK69Tg3KB6Kc7wONFq7HXDKS+efwxGQ7MgGmjf6alCvUC67aK6yC9HGOteyI0i5wbVI1dDdZ1jA3JLNfmtVCJL4gAU7spExs7xdFX.nE4B+K9pzXrWNnzX7MFISXbq4C7hQP+Cg9xbMHlz4OjtJ9eKfxzXR9X4h77DrE7Cb9cS0CB70KafqurAtwxF3lKafsW1.2ZYCb6Odf9MD6m4LSJFaHjd8ONeOVPvw4qPx6VI+Gsp645A

[dannytaurus]

@David-Healey Cheers. I'll have a look in the morning. Just fixing some minor niggles with the MIDI Learn Panel at the moment.

[dannytaurus]

@David-Healey said in Look & Feel - ComboBox Background.:

@dannytaurus Here ya go

Hmm.. what am I doing wrong? Loaded your snippet using the latest develop commit 3c36e36c.

[David Healey]

@dannytaurus Ah you haven't got the rectangle class enabled I'm guessing, so a.reduced won't work. Just change it to a

[dannytaurus]

@David-Healey I'm confused.

Your code creates LAF for drawAlertWindow but the button callback calls Engine.showMessageBox() which I thought was a different thing.

[David Healey]

@dannytaurus drawAlertWindow applies to message boxes and lots of other little popups.

[dannytaurus]

@David-Healey said in Look & Feel - ComboBox Background.:

@dannytaurus Ah you haven't got the rectangle class enabled I'm guessing, so a.reduced won't work. Just change it to a

I get the same thing after changing a.reduced(10) to a