Adding SVG Icon Into the ComboBox DropDown Menu?

[Natan]

Hey music lovers, Hope All is well with you

Wondering is this possible to Add A Graphical Icon into The Combobox Menu?
I need to add Item Text, and an Icon next To Items.

Any Advice is Much appreciated :folded_hands:

[Natan]

Also Changing the Item Colors Can Work for me

//drawPopupMenuItem------------------------------------------------------------
laf.registerFunction("drawPopupMenuItem", function(g, obj)
{
    var a = obj.area;
    var h = a[3];    
    if(obj.isSeparator)
    {
        return;
    }
    
    if(obj.isTicked)
    {
        g.setColour(0xFFff7800);
        g.fillEllipse([a[0] + h/3, a[1] + h/3, h/3, h/3]);
    }
    
    g.setFont("GUI-Barlow-Medium", 20.0);
    
    if(obj.isHighlighted)
    {
        g.setColour(0xFFff7800);
        g.drawAlignedText(obj.text, [a[0] + h, a[1], a[2] - h, a[3]], "left");
    }else{
        g.setColour(0xFF9d9d9d);
        g.drawAlignedText(obj.text, [a[0] + h, a[1], a[2] - h, a[3]], "left");
    }
});
//----------------------------------------------------------------------------------

[DabDab]

@Natan I tried with simple SVG path.
I am curious to know more from here. Thank you for making a thread like this.

[d.healey]

I notice the obj in the popup menu item LAF has a path property. How do we set this?

[Adam_G]

bump bump

[d.healey]

@Adam_G As dabdab said, just use a path in the LAF function.

[Adam_G]

@d-healey but for them it did not work? am i wrong? it doesnt appear to have

[d.healey]

@Adam_G Works for me

[Adam_G]

@d-healey thanks David, I'm having trouble figuring it out. Would you mind sharing a snippet? :folded_hands:

[d.healey]

@Adam_G

HiseSnippet 2565.3ocsXk1aiibDkZlQKhcxFrKPx2I7m7.6vQhhTVNCBxHxl5VTMstr7fAKnHonHEOjIoLk3hAH+jy+fjp4grmLW6ZfH.IU8Q85pq5Ucyh3.eMivP+.pRmL4vVCpR+oxiO3EsVbspkGUWDUo+b4gpgQFAzYcIbXqZXngNUoRurMoiRm7JpzO+6+ofpipmlwicQQMy2RyXfkqUzi8heWeKGmVp5FSrbexr4dWWMeOQeG+cf87xxUn1ppsQ0zPVkLsWTlpzOHoaE4GLNRMxHDlifu9gwq8i8xl+LqPqkNFjFUoFC.k0Mk3ZKGcbwdMjhpzqvOtyeY1N+uTdnkt0w9ezC7SoCP+nFO0GT5EeKSp5uCSpzSLoWkYR+b4wZAVaidbDh87GK20CBHqTAW8SMkr4R8B9errnOLCuHFW0MFsBfFG0375UpbIM7yqe6om5AN1PvIaPiUiVGd5ud5IAFlzagFH0H02d5IP.ILh1h7G8+f9W+HnzIu4MzRGLN8jhoACbFGWElnJsXXtSPYdRkPQI2nN6xkGxquCaqvdAONN1q+ALRSYMOd.+9AnlLL5xSVlJG6oNVNwqdCAE90LVEX30umoXSlUNXD+5apgiWjLzLWVW411H+9BC.LpHo0JCiIZJtMUXXV4JJMOUNQp6VQNISsB6HEiDIMs5XFFutfEMmUN41vz0IoJaBLGNooV4x0dPoCpIWrGrNiwQsQKRlZKmfrqWrNrox7q42HZJ1Fruk0FvkiwjtcpWKaclJrWFvvJ5tdYxn8Vvd7AyC1v9stZMgLL3ttUDFwvTifAQ1VYtBOtynq6UXGoXD1XXnLJ0uqZL9dwgyTSWGIMkNilrL9Nw1YxvpMpohs6fcfsBJwnTkcR.wu1tXczLF2GOQX+1ZfEeEBYJpd8vbL.mq6vr0QSgcgnT6IcEEyjiuaDGFIGvwhi8WEzTICCFlaUJhu85nhQKLFGKitugsXtcjggxbz9r36jDIyqvVSacFP8noO8jThGiwACfiUvo0BLfTMBg8bfC+3TXb7U0AxtKgSddA4jLkTJaGC0fnOkzVuN6QRKm1MU.Che5rb4trd1X6KtVoANNbT.PDVMaTCbe6ccPwMt8lQHUjlaaT3nV8.GsSmoRntMFvAjBeNFkAly2B3A6dFkNGTcxczhnU.ANSd2NYV7BQnOkVAq.GMaKLBwgCFNLwryplJxH0w.ovo6C4xCWVw.HVSlTARjz8.ahiMtRNwZCJ.vfmAHEZWqsb3jPTEfXonLEriA9fiNEiMrMRv1hwUSffk8E0yk8tpOtvNRCbw0u+.IfOCoL.yrNcu.xo6ENKmqwSpe8FHIIrcHK1F0bScrYGu9ntVc6A9Fugq5g55d2Mfuoa0I.Y+tpiGkbPyTPomPGvWOWJRK2WmE70cmz.aUY1g.rfxUIiVQhGs6Hn3TgaoHGOmN119p6qhi2vFqhS1p1sJt8ZlVnP9YqA6F0OFkIihzufQY4hDU.isa2ynLDIZHZtc6.7jEiHwfTYTm8Bb30s3EQMu5l6.h5sq8gXvTNKY6KpcWSEtcx2CXb6h6AZcOiPwEivF3j8WTsNjvzYqE1lY3rqxhA9xwDt.u1zdnMr9RirEtnpfhPxRBY2yoinxTBFRyUphQ2e2AxAQnE7XTrvHd7vCSGg3Z1iXGKlJgQMu0BKOY1zlEwf4oxo6k3ssZfQya0nJgOAouY9CNsQCK7G3vaFjImDp.GrnzI5NvNZU6dAk9qqtTLtejGFMpgH3O5JciG1t0zt0vyTq2E3xWI.1wjo6g8kmsnLJd+BH10iChKyGxLOWtRydav1IG5mxqssywX3Agtn3wWvb7PUzBNVtrj6SH4jYItqIokeur6zI8cxu6ab3Syt4qWGxtcLCzaprvb.IaDbv4xKVxNFmXnMCh.ajt4F7D+8c4wKLsQEGYkJGO0ZgrcrFbzYydNaJvvUGNtdQm6miS7YIGyapwsHWVJjsERx61Y.F6ETZmiQ.No3pB2T4M8b8DmlnqVXGoXLYVGKdbq87RnMR68Hdur0QXAGv33Rpiykc0EEQUT4SjIYr0ZhZ3neO4p.3Dmr0I6zGkYcrE03GN.mfmsrVNF17Cg71z0wWebcfsbeS3X9TY6sKunoxcNloYfcjETt9AOSQ+QAPjVeLaMb.m5cMJjgnqjR1UHAw9ygqB1KrnNzu60Gv1lA03gizr2DUzuRipdE8mgYpbro7ZHa5gCSqi2tuAbEqCGmbtcEhmcsrcZrru8lcjq4Rs8t8sO.yYSOvmmIyNhqoxfncjrVoPDb5wBmshw9sWiQ8sGBqY28q2dT9pkvUqU2B97b6UZu.HqU4gZXv6tBjkljzH+Jxfv8sqS5ec5dkfYpbrhReSrsyhVbXsKraiTZ2bXgcwkn1I21kazhjEWiaPtr1ChPrfQBd7f3JBbCv1g2MgCGhkEK3gox9S3bjSZNhoox02CWymiAb5UPFOD3Wx0Kt57I2ctw3v2K6BlxWM25imdZ1i.5nt5yvYfulpy.e+MM8zaYX3Pv7TXhLvCQZQpYn0NOsHKeuyOSOPMF6uc21gFd65FY3d1kzqJF07RZ+k1ul73mOnFPSxdg1Lpvh71rtHFZZhdXrUj1Z5yIiGYrO50mdBn0IZpgFzmQdr6y96PyzMFfR5S0xb7IDHdlSVBntIU5ndsTe.J4vJx3qpb5APeM0A2vluplfy8I5kp1GIaDSlPinrZcNO6uPl30fMPhKlLqfJjRCSDTtj98puuxGnuft1kzpuu1GneCMK8eit9kzU4fure30uMERhWtoikomg9Dv4bzK8H.r7DDp9AxureHCM3uybLVEcFIdSBgYQbheWz2couf+9pOI1aRra2s9dPiyO63LHZerAYy8YrCfY752VDzo88j8iLF4cdZbGHZz+uCsZ0WbLhcD363XD7EGlTSYv2Rwy814tzH3RXC5ry33Dght9zJ49geaUxok4VdxD8855YEMZqQd6V9N5jJzHxedceT49UREf4VHL0nz5+9o75+J7qTV5jx+N5loR2BOsDbpocIYtEfA3Bq0VifHKxVpDx3And7rhKOoLxHbSj+1z4lGPgs8uwkd+wk8e892c3wFJuyUEFqboWBs.9rKrt+0xD2yoGyyNkjxPQ84E7BkZ6quyQM5Sq+l7hFxG.BkeRQujBa8BshN7Tuvuihxq7MKJ+2pI9ykwjyk9x13K9B1HDf9+gMl+pL9wxRqVYnE8nA9pxst849dK9NK+M96hr7LGpFEXQB7x6bGCgYMCX087LbBIjgWPH5YsqPZS7.iM7zSa7efO4CVkztT9fUKFjxUUKv+WzxROHurj+PZOfM4k9tgNo7PRa5OKifhx0R25Wzz9Tn9LEYetJV64pH2yUQ9mqh0etJd0yUwFeeEIuZsl6h7cyRannFhkROAqTIIOUfAlxVo9uf91nBC

[Adam_G]

@d-healey said in Adding SVG Icon Into the ComboBox DropDown Menu?:

HiseSnippet 2565.3ocsXk1aiibDkZlQKhcxFrKPx2I7m7.6vQhhTVNCBxHxl5VTMstr7fAKnHonHEOjIoLk3hAH+jy+fjp4grmLW6ZfH.IU8Q85pq5Ucyh3.eMivP+.pRmL4vVCpR+oxiO3EsVbspkGUWDUo+b4gpgQFAzYcIbXqZXngNUoRurMoiRm7JpzO+6+ofpipmlwicQQMy2RyXfkqUzi8heWeKGmVp5FSrbexr4dWWMeOQeG+cf87xxUn1ppsQ0zPVkLsWTlpzOHoaE4GLNRMxHDlifu9gwq8i8xl+LqPqkNFjFUoFC.k0Mk3ZKGcbwdMjhpzqvOtyeY1N+uTdnkt0w9ezC7SoCP+nFO0GT5EeKSp5uCSpzSLoWkYR+b4wZAVaidbDh87GK20CBHqTAW8SMkr4R8B9errnOLCuHFW0MFsBfFG0375UpbIM7yqe6om5AN1PvIaPiUiVGd5ud5IAFlzagFH0H02d5IP.ILh1h7G8+f9W+HnzIu4MzRGLN8jhoACbFGWElnJsXXtSPYdRkPQI2nN6xkGxquCaqvdAONN1q+ALRSYMOd.+9AnlLL5xSVlJG6oNVNwqdCAE90LVEX30umoXSlUNXD+5apgiWjLzLWVW411H+9BC.LpHo0JCiIZJtMUXXV4JJMOUNQp6VQNISsB6HEiDIMs5XFFutfEMmUN41vz0IoJaBLGNooV4x0dPoCpIWrGrNiwQsQKRlZKmfrqWrNrox7q42HZJ1Fruk0FvkiwjtcpWKaclJrWFvvJ5tdYxn8Vvd7AyC1v9stZMgLL3ttUDFwvTifAQ1VYtBOtynq6UXGoXD1XXnLJ0uqZL9dwgyTSWGIMkNilrL9Nw1YxvpMpohs6fcfsBJwnTkcR.wu1tXczLF2GOQX+1ZfEeEBYJpd8vbL.mq6vr0QSgcgnT6IcEEyjiuaDGFIGvwhi8WEzTICCFlaUJhu85nhQKLFGKitugsXtcjggxbz9r36jDIyqvVSacFP8noO8jThGiwACfiUvo0BLfTMBg8bfC+3TXb7U0AxtKgSddA4jLkTJaGC0fnOkzVuN6QRKm1MU.Che5rb4trd1X6KtVoANNbT.PDVMaTCbe6ccPwMt8lQHUjlaaT3nV8.GsSmoRntMFvAjBeNFkAly2B3A6dFkNGTcxczhnU.ANSd2NYV7BQnOkVAq.GMaKLBwgCFNLwryplJxH0w.ovo6C4xCWVw.HVSlTARjz8.ahiMtRNwZCJ.vfmAHEZWqsb3jPTEfXonLEriA9fiNEiMrMRv1hwUSffk8E0yk8tpOtvNRCbw0u+.IfOCoL.yrNcu.xo6ENKmqwSpe8FHIIrcHK1F0bScrYGu9ntVc6A9Fugq5g55d2Mfuoa0I.Y+tpiGkbPyTPomPGvWOWJRK2WmE70cmz.aUY1g.rfxUIiVQhGs6Hn3TgaoHGOmN119p6qhi2vFqhS1p1sJt8ZlVnP9YqA6F0OFkIihzufQY4hDU.isa2ynLDIZHZtc6.7jEiHwfTYTm8Bb30s3EQMu5l6.h5sq8gXvTNKY6KpcWSEtcx2CXb6h6AZcOiPwEivF3j8WTsNjvzYqE1lY3rqxhA9xwDt.u1zdnMr9RirEtnpfhPxRBY2yoinxTBFRyUphQ2e2AxAQnE7XTrvHd7vCSGg3Z1iXGKlJgQMu0BKOY1zlEwf4oxo6k3ssZfQya0nJgOAouY9CNsQCK7G3vaFjImDp.GrnzI5NvNZU6dAk9qqtTLtejGFMpgH3O5JciG1t0zt0vyTq2E3xWI.1wjo6g8kmsnLJd+BH10iChKyGxLOWtRydav1IG5mxqssywX3Agtn3wWvb7PUzBNVtrj6SH4jYItqIokeur6zI8cxu6ab3Syt4qWGxtcLCzaprvb.IaDbv4xKVxNFmXnMCh.ajt4F7D+8c4wKLsQEGYkJGO0ZgrcrFbzYydNaJvvUGNtdQm6miS7YIGyapwsHWVJjsERx61Y.F6ETZmiQ.No3pB2T4M8b8DmlnqVXGoXLYVGKdbq87RnMR68Hdur0QXAGv33Rpiykc0EEQUT4SjIYr0ZhZ3neO4p.3Dmr0I6zGkYcrE03GN.mfmsrVNF17Cg71z0wWebcfsbeS3X9TY6sKunoxcNloYfcjETt9AOSQ+QAPjVeLaMb.m5cMJjgnqjR1UHAw9ygqB1KrnNzu60Gv1lA03gizr2DUzuRipdE8mgYpbro7ZHa5gCSqi2tuAbEqCGmbtcEhmcsrcZrru8lcjq4Rs8t8sO.yYSOvmmIyNhqoxfncjrVoPDb5wBmshw9sWiQ8sGBqY28q2dT9pkvUqU2B97b6UZu.HqU4gZXv6tBjkljzH+Jxfv8sqS5ec5dkfYpbrhReSrsyhVbXsKraiTZ2bXgcwkn1I21kazhjEWiaPtr1ChPrfQBd7f3JBbCv1g2MgCGhkEK3gox9S3bjSZNhoox02CWymiAb5UPFOD3Wx0Kt57I2ctw3v2K6BlxWM25imdZ1i.5nt5yvYfulpy.e+MM8zaYX3Pv7TXhLvCQZQpYn0NOsHKeuyOSOPMF6uc21gFd65FY3d1kzqJF07RZ+k1ul73mOnFPSxdg1Lpvh71rtHFZZhdXrUj1Z5yIiGYrO50mdBn0IZpgFzmQdr6y96PyzMFfR5S0xb7IDHdlSVBntIU5ndsTe.J4vJx3qpb5APeM0A2vluplfy8I5kp1GIaDSlPinrZcNO6uPl30fMPhKlLqfJjRCSDTtj98puuxGnuft1kzpuu1GneCMK8eit9kzU4fure30uMERhWtoikomg9Dv4bzK8H.r7DDp9AxureHCM3uybLVEcFIdSBgYQbheWz2couf+9pOI1aRra2s9dPiyO63LHZerAYy8YrCfY752VDzo88j8iLF4cdZbGHZz+uCsZ0WbLhcD363XD7EGlTSYv2Rwy814tzH3RXC5ry33Dght9zJ49geaUxok4VdxD8855YEMZqQd6V9N5jJzHxedceT49UREf4VHL0nz5+9o75+J7qTV5jx+N5loR2BOsDbpocIYtEfA3Bq0VifHKxVpDx3And7rhKOoLxHbSj+1z4lGPgs8uwkd+wk8e892c3wFJuyUEFqboWBs.9rKrt+0xD2yoGyyNkjxPQ84E7BkZ6quyQM5Sq+l7hFxG.BkeRQujBa8BshN7Tuvuihxq7MKJ+2pI9ykwjyk9x13K9B1HDf9+gMl+pL9wxRqVYnE8nA9pxst849dK9NK+M96hr7LGpFEXQB7x6bGCgYMCX087LbBIjgWPH5YsqPZS7.iM7zSa7efO4CVkztT9fUKFjxUUKv+WzxROHurj+PZOfM4k9tgNo7PRa5OKifhx0R25Wzz9Tn9LEYetJV64pH2yUQ9mqh0etJd0yUwFeeEIuZsl6h7cyRannFhkROAqTIIOUfAlxVo9uf91nBC

you , sir, are the G.O.A.T.