ComboBox LAF

[DanH]

Trying to edit the outline of the combo box, but it disappears when I try!

Any ideas?

laf.registerFunction("drawComboBox", function(g, obj)
                   {
                   
                   g.setColour(0xDBD6D5D5);
                   g.drawRoundedRectangle(obj.area, 5.0, 0);
                     
                   g.setColour(Colours.withAlpha(obj.textColour, (obj.enabled && obj.active) ? 1.0 : 0.2));
                   g.setFont("Abel-Regular", 18.0);
                   
                   var a = obj.area;
                   g.drawAlignedText(obj.text, [a[0] + 10, a[1], a[2]-10, a[3]], "left");
                   var h = a[3];
                   g.fillTriangle([a[0] + a[2] - h/3 - 10, a[1] + h/3, h/3, h/3], Math.PI);
                   });

[ulrik]

@DanH

You've set the border size to 0

laf.registerFunction("drawComboBox", function(g, obj)
                   {
                   
                   g.setColour(0xDBD6D5D5);
                   g.drawRoundedRectangle(obj.area, 5.0, 4);

                   g.setColour(Colours.withAlpha(obj.textColour, (obj.enabled && obj.active) ? 1.0 : 0.2));
                   g.setFont("Abel-Regular", 18.0);
                   
                   var a = obj.area;
                   g.drawAlignedText(obj.text, [a[0] + 10, a[1], a[2]-10, a[3]], "left");
                   var h = a[3];
                   g.fillTriangle([a[0] + a[2] - h/3 - 10, a[1] + h/3, h/3, h/3], Math.PI);
                   });

[DanH]

@ulrik

[DanH]

My combobox seems to still have square corners despite trying to round them with LAF.. any ideas?

const var expcblaf = Engine.createGlobalScriptLookAndFeel();

expcblaf.registerFunction("drawComboBox", function(g, obj)
                    {
                          g.setColour(obj.itemColour1);
                          g.fillRoundedRectangle(obj.area, 4);
                          g.setColour(obj.itemColour2);
                          g.drawRoundedRectangle(obj.area, 1.0, 4);
                          
                          g.setColour(Colours.withAlpha(obj.textColour, (obj.enabled && obj.active) ? 1.0 : 0.2));
                          g.setFont("Abel-Regular", 16.0);
                          
                          var a = obj.area;
                          g.drawAlignedText(obj.text, [a[0] + 10, a[1], a[2]-10, a[3]], "left");
                          g.setColour(obj.textColour);
                          var h = a[3];
                          g.fillTriangle([a[0] + a[2] - h/3 - 10, a[1] + h/3, h/3, h/3], Math.PI);
                          });

ExpansionSelector.setLocalLookAndFeel(expcblaf);

[d.healey]

@DanH expcblaf is a global look and feel. You should use Content.createLocalLookAndFeel.

[d.healey]

HiseSnippet 858.3ocsUslSaDCD1NvhHoODH0CvJ9UPJMJgReHQqJPfTEUdDQnnp9GjiWmMtrq8JuN.QUbJ5IpWhdLp5MfNy9HIThnPjZ9QzNu77Mi+lwsMZtHNVaHzhGOLRPnO1oyPksei9LohzZGB8oN6yhsBiappsGFwhiEdDJctOfJnEmmj762ueaV.SwEiUQHmnkbwdxPocr11a9QYPPSlm3XY3Ddu9ls3ZUCcfd.fm4bpQhX7yX9hCXnaEbHzE10SZ0lNVlUDC9rs1aXm95KTo9ehLV1MPfB0IcfCJUMoQeYfW67ZMlPny2dbkOWZk+Lm8kdxQ5G2AVJwf63HlrGPKbWPp9C.RzIfz7oPZYmNbiLxN1BhmG4zRAWH8XPqdRnj5KovunNMzfGJa0P1YhlFPXTDkeUsZUbg+VciRkf1cr08blwUbYDua.qm66byikaDPIsmlyB1SqOaKkWSgHn7MiqgNrqda8k0mHPegETGoUfP4UF4wJXj44opQ3KQZUyAJtUpUkWwyvtH24Up31K2feEWc2utZouUpHlQFjIPtJCfGbfE8qFi4CIMkQ8c8SEfrA15ALsizCTdBuiDbKS4GHJyp3tFV+WgHZD9vy4VUaNdWcib73pUGnshCUkSfToqJ492l50ap1v9iQGDHLS0LNLXtq.KqFD1UXp.M9fAhQNBrkaRAW39QA4oWWS3nV0RIsGFIxjapC7PpE98sIrjr6aj5lgPvUaBwcoLhadykH8Pd6ndMIoDlbQA4Ss1gYY4GFbtPthDFqDKI5NhygEIoSEEc1QDelUGk3aFQiPW7dl5KITG5agLND+nM7QHKQGhhKjd19nvOAw9BoeeKJ8EvTNwB.vBge+GWmtK6Vyrv1Bs2f.l8lqPvckYFfK0aL2hylpXoc3j6Re.6Upcm6UtuPbYm1RKu+zwXgofQ3p5+AFy1F+Dmc60ClXGCv4cZ94Yc06+H8vFBqT4uOyZjHU3fAgcfaZt.xtRIBhQNPAjxmJWKmtzQn7RDtF9kYrNJSyLVO2HPx3F8o7zAEbe+hIZ.LoRddqH7NKH6NZ1vwoV0ZjP3omS4br7edcBY5wr1LDyKlgXVeFh4kyPLuZFh40yPLu4NiAe0eqAVcX53.nn8tI6nnzcULfYkvBI+AvBFrHg

[DanH]

@d-healey doh! Ok I've figured out what I needed, thanks!