This isn't drawing the look and feel:
// create the search bar
const var searchBar = Content.addLabel("searchBar", 10, 10);
searchBar.set("width", 250);
searchBar.set("height", 30);
searchBar.set("text", "Search...");
searchBar.set("editable", true);
// laf
const laf = Content.createLocalLookAndFeel();
searchBar.setLocalLookAndFeel(laf);
laf.registerFunction("drawLabel", function(g, obj)
{
var w = obj.area[2];
var h = obj.area[3];
g.setColour(Colours.white);
g.fillRect([0, 0, w, h]);
g.setColour(Colours.grey);
g.drawRoundedRectangle([0, 0, w, h], 5, 1);
var iconSize = 12;
var cx = 10;
var cy = h / 2;
g.setColour(Colours.grey);
g.drawEllipse([cx, cy - iconSize / 2, iconSize, iconSize], 1.5);
var angle = 45 * Math.PI / 180;
var lineLength = 7;
var startX = cx + iconSize / 2 * Math.cos(angle);
var startY = cy + iconSize / 2 * Math.sin(angle);
var endX = startX + lineLength * Math.cos(angle);
var endY = startY + lineLength * Math.sin(angle);
g.drawLine(startX, endX, startY, endY, 1.5);
g.setColour(Colours.black);
g.setFont("Arial", 14);
var textOffset = 25;
g.drawAlignedText(obj.text || "", [textOffset, 0, w - textOffset - 5, h], "left");
});
I'm suspecting the name of the laf function, but I do not see a reference to find what names to use.
