Preset Browser LaF

Matt_SF

Hi folks,
There are many topics about this but I looked around to find a function to customize the Save/cancel buttons in the preset browser popups.
I couldn't find anything so : am I missing something or do I have to change it in the source code ?
Cheers !

MikeB

@Matt_SF Take this in the meantime

laf.registerFunction("drawPresetBrowserDialog", function(g, obj)

Matt_SF

@MikeB Thanks Mike, yes I used this function but it doesn't allow to adress it's buttons... Or I didn't find the proper way

MikeB

@Matt_SF

Maybe this article will help you

How to Customize Preset Browser OK-Cancel Button

I would like to change the default appearance of my HISE project's Preset browser OK-Cancel Button. Tried LAF but no luck.!(it only changes BG Colour, Text A...

Forum (forum.hise.audio)

@Tania-Ghosh seems to have done it

MikeB

It's a combination of this and the one above.

laf.registerFunction("drawDialogButton", function(g, obj)

Matt_SF

@MikeB damn, I looked and looked and looked but didn't find this thread...!!
Thanks a lot Mike !! I'll dive into it.

Edit : everything is in the title :man_facepalming:

Natan

@Matt_SF Hey Matt

Try The Above And Put The Below Code Into The Laf

You Need To Do If Obj.text For Everything
For Example
Save
Cancel
Ok
Rename
Replace
Menu
Delete
And Some Hidden One.

Make Sure You Have An Else At The End Of Your Customization So Your Hidden Button Still Have A Color Or They Will Show Up As Blank.


if (obj.text == "Add")
    g.drawAlignedText("ADD", obj.area, "centred");

Matt_SF

@Natan I knew I could select specific buttons this way but didn't know this would work for these buttons too...! Thank you

Natan

@Matt_SF
Glad to help

Jay

@Natan How do you this?

Natan

@Jay @MikeB @Matt_SF
These Are All The Dialogue Buttons I Discovered So Far

You Can Also Add Your Own Custom SVG Icons Instead Of The Button Names Aswell.
Just Use g.fillPath(YourSVGIconNameHere,obj.are);

Here is The Snippet:

HiseSnippet 1414.3oc4YssaaaCFlJMpXwcYsEaO.D9Ja.WW6jtztFTjnXIkYTeB1tcEnnnfQh1lKxjFRzIwnH2rmf9prmf062KwdD1k6treJYaI23D6l1NLjPAXX9ef9ie7j7Ga3KbnAABej1ZsGMfhz9V8Vi3xdk5QXbTYSj12oWkDHo93HS6MZ.IHf5hzzt09JCZqsJJr726rGwivcnwlPnWJXNzJr9LYr0F69blmmMwk1l0OQzOZ2xNBdIgmXHfmaoW.Mf3bHoKsFQE1J5Hsaa4xjB+VRhjFfzVcOg6nV8DGyih+kr.1AdTUkhnVPCEY1V34pPrxJpTOlmaiI86.DzJMhYgaEwB+fdUlKap8X13dgNvwYjjOzV4xfWwjvqvxCOsDva0H3ce8VN9rAxXOJrcG8xbXfpCAFBRBqnXQq7GeudIADAWluO4PpsOTYZFYJV3IExg2pPgraudp3GXDIPh8HcvOCaw6x3z7N9Tn+sum3.hWTaWQHNzf6ZSodYhRGRHuOsKSMywdH2QxD7Loc8IGaxHdht6MTJE7z4vcl3raNr3feM65od25ovPI5yiH9XB7SCtxSfe2siM2CLSd8luY633i9FqCNiJdI8DI9YOCm1v0Mc1HeiabUoa9.pLZ1VlvNcriNv7ylhgbXXoI0QR3c8nYl.gb3MFG8EzVux19IOV8jca7LQoZAwQvRoclMgSrss+I0S1mhSmd6OpYsggoLoM7AdC3qhaMKTUTpgGqKm51F5uPflloygiAaZGX.2mBLv37NMI+R8BnmmvZR4vRtaNbVSqZFUs9roMSpGUdCh1LspX0dQz1DTsX5qE4HJryJE.xMoodMpXTZwj3xSiUE92flCVsdyuby.q+7EQbmrwV1gkqOLHzoW.+srzWI0a+4cCjBKYTqjUkkiFWJlrIcfG7RYXCu4SmJxB7AciBiKp98CeH1TfGIFhOlvkXYOVvN+edSOrQkkfzVFdpFX35LQUy5Us+7XpqqLzxvLSolKifdA2UbcjfdQMy5eQeEsqijTKiW9o8VDW94f8fSun3.R+AdTbG0eu2G6IbHp+n6hNdDHhM6nd9TNdbijAewMrog5IYr+2b73OaTaeKbKipMpX0BWodIi1kqWaoW1NeVVo0BtMoav0PF8QKfQsLK2F21X+VKEGF8LkIuoM+axrlkgpNM61STjBK30DRZcdlrodWp0RcZJ7G6pSm45Soxluvyi5OW2JUO8urDyvG1+.peN7QDugzoAhzVcV8E0uX8ESJ+oSjneIBTvKyYx5Cn7KR0QzXkBgu8hxlDIQID4XaPbCn9RlBBZlziXNzHYIWS2jFbnTLHL19CDbUKncG4XMUiDKz1S.aDx61lAPk4hztqdRSEQmjT.4QIqbLyU1apg+5861ix51KVZ4O7a6NFiQ.5t5QxIrmu33.pO5ftSTWdsaCg+OpbXRZ+Xq+9Yu+rYstgx7e9gyBMGxDq7.M8vUOoUTp5HwwpY9TrzeHM2TWVmLfvCfg1.i.nwF1WERGBrFLNlPwe8ufFPMIK37MKLIHJgy6ylbjvG.uRI8YbVaX+HHnxYyHaQF9EEo1Tc1D340QqFJjeyOpj6S1gx9afUTHz4Ev9d5UEtC8HxY0VWcgBic.r1LhXqDpF3R4njW3vWEA2WV3de8FLoSu4i2UlCdgkPesw63quXccqNcfcoiA6p51u5q+cUffSHTqiqRj9LXYrNLqqErFxgpdkHNb5CXSaE01KQ0KnpqXlVTtaXkyfxXmEU00F6r3Dmn9DGewach1pTcAIeSnE.S7v6IZM8pp53hnvsOg7zKju.pOyk8VGGEU7..6yOmMtB4r4UHmGcEx4GuB4r0UHmGeEx4IWZNpqLyXnTzOZYBXngU3NoZZVbBLKKbFI5eAgRJaMA

Jay

@Natan Thanks sir

DabDab

@Natan That is great @natan. Your explanation for beginners (like me) is excellent. I asked on my first post How to add Vector icons instead ADD,RENAME etc. In this post you have cleared my confusion. Everybody here is great but most of them do not explain like you. I guess my Questions(most of the posts) might sound like a nursery standard student's so it is difficult to answer for a Ph.d Professor. ;)

DabDab

@Natan said in Preset Browser LaF:

@Jay @MikeB @Matt_SF
These Are All The Dialogue Buttons I Discovered So Far

You Can Also Add Your Own Custom SVG Icons Instead Of The Button Names Aswell.
Just Use g.fillPath(YourSVGIconNameHere,obj.are);

I guess it is

Obj.area

Right?

Natan

@DabDab Yup :)

Natan

@DabDab said in Preset Browser LaF:

@Natan That is great @natan. Your explanation for beginners (like me) is excellent. I asked on my first post How to add Vector icons instead ADD,RENAME etc. In this post you have cleared my confusion. Everybody here is great but most of them do not explain like you. I guess my Questions(most of the posts) might sound like a nursery standard student's so it is difficult to answer for a Ph.d Professor. ;)

Your welcome Mate, glad to help :folded_hands:

DabDab

@Natan Two more Dialogue Buttons

    else if (obj.text == "Clear MIDI CC")
    {
        g.setColour(0XFF3f3f3f);
        g.fillRoundedRectangle(obj.area,2);
        
        g.setColour(0XFFDADADA);
        obj.over ? g.setColour(0xFFF9F9F9): "";
        g.setFont("Arial", 14);
        g.drawAlignedText("CLEAR MIDI CC", obj.area, "centred");
    }  
    
    
    else if (obj.text == "Toggle Debug Mode")
    {
        g.setColour(0XFF3f3f3f);
        g.fillRoundedRectangle(obj.area,2);
        
        g.setColour(0XFFDADADA);
        obj.over ? g.setColour(0xFFF9F9F9): "";
        g.setFont("Arial", 14);
        g.drawAlignedText("DEBUG MODE", obj.area, "centred");
    }

Natan

@DabDab Great

DanH

This post is deleted!

Preset Browser LaF

How to Customize Preset Browser OK-Cancel Button

23

1.7k

11.4k

99.1k