Pop Up Preset Browser From Button (Still Cant Figure It Out)

[SteveRiggs]

Hi all,

I’m still struggling to make a pop up preset browser floating tile appear and disappear by clicking on a button.

Could anyone please help me with the steps from adding the first component for the button or panel onto the interface up to where I’d have a button that opens and closes a preset browser?

I already have an interface half built including assigned buttons, sliders, and some images, and I've already made all my sample maps and saved them into 1 sampler, so I’d just like to add this into the project.

I’ve read through this thread a good few times but I still can’t figure out which way to do it and I’m just going around in unproductive circles: https://forum.hise.audio/topic/919/floating-tile-button

The hexeract code on the thread above is exactly what I’m after, but I’m unsure what I need to add to my interface first (button or panel or ???) before I can make it work, and where I would add the code.

It would be greatly appreciated. It’s starting to hurt my head now

Thanks guys

[dustbro]

@SteveRiggs said in Pop Up Preset Browser From Button (Still Cant Figure It Out):

a button that opens and closes a preset browser

Do you want the same button to open and close the tile? or a separate button within the tile?

[SteveRiggs]

@dustbro I think 1 button should be ok? Thanks mate

[SteveRiggs]

@dustbro Maybe an 'x' in the top right corner of the browser to close it could be cool too if it's easy enough to add?

[dustbro]

Here's the most basic example using the built-in preset browser:

HiseSnippet 998.3ocsV0saaaCElxwrX1socsXO.B4JGfr.692FZw17rS7f2VRLlyJ1cELRT1DghzfhxYFA4cXOB6MXXuA698RzGgc4tK6PRIKoFmtnAL4KLN+xuygme3DkLfljHUHuVmtZAE48.7zUB87gyILAZ7AHuGhOhjnoJeGqAqVPRRngHOus9FCCuVMQ1u+5qFP3DQ.sfEB8FIKf98rXltf6j9eGiyGQBomxhKo8y6ONPJFJ4xT.Oag6hVPBNmLidLwnVCLx6dGFxzR0TMQSS.cFHCWMct7BgS+2vRXmwoFhdnofibrQCmy3gSxi0DDxq4jhHeKWj+I3iXgr07Kx.erUfegEkyAdMpBolUfTuaCRij7PiCtE34UBdMcv6w3oAJ1BcgDC1tOdr.tbhHPZuLrb5hZ7sMvCkfFB89wjyoiT.wZK57xtc2y+Ec6t6q2tMj5Sz9KIJ+AoZsTzy+K7yMcFUOTFuPJ.hN6jIempVMhKIZlX1oLN81sshVVO39wDblf5GkJBzLovWJxNEiaTRdmfberGbZ7T5ta29xsa2hE42Im1G9tz8m4qxQseBbkj6KsBz+0VEuxoOkmPqgChHf9Ed3JaX7ujr1Owv2Z+PBmeFTZ248iRS9nTJ3Xoldhnytsurcq1W01+8EEEsQYYNiSUaTrooS8gLriHM9LpJOQmqHTIVsT+92sR8.WdojhRwXASexBZFcQyfQlKpyk1EsNXKypHFKy0FZaPsBV2rWCkcuY55xTGTUa64dXVOm6VBw.L1BmckgrYmxy5P+33CHZRti.eBmyBpRyLYKuCnKgYgtl4V3CnImqkKfwZqKVfD7c3X+40G46h5up37OoOpjmdfNallySkKks96Q3JU2k7J5KK402Q5eAKTOG4g8dRCDZNkMat1P8aEYNWH8H7DEEpwGnjWjPUnylkOIu08.c+ai6XZZbA2e+5e45pbepg8e9GWaYaykd+J11Qtio7YJYI0kF14U9ll38VKxVBotEgl5mjav0TL6L3lxFQVJU.tLKjpH73TCTSis17Ln0GsLup2aKzMmZC6Njgobht5BEylyLAPqWkI2loyhDldU4Mq0XKS2Mtko2lp7uiv8w3ILcv7Mi2Fa.uPGv+23Mam813CihnA5Bv1DO5m9utftFP4GjollmiHZEC5cvPcwTn.NfBHQHf0IldjFldDGcWCsIyLkJBsDWCeYB6Yn8xD1KWHJlDnjuMvMSx7pfOxxAvjv9fnVvKy.Z+0ihL3NFdpxaCBLIhOEP9ls3o01hmUaKddss3E01hWVaK9rZawm+Arv7tvuNUKicsE.iIG5Fa4cnf.UU1JPz+.vTujPF

[SteveRiggs]

@dustbro Awesome mate. Thank you! I'll try that now. Cheers for taking the time! Really appreciated

[SteveRiggs]

@dustbro

Works perfectly mate. Thanks again!

I just worked out that if you change the names of the button or floating tile in the widget list after the script variable definition and custom callback definition have been added into the script editor, then to change them in every part of the code as well so it still works.

Changing the names first before I add them into the code is probably a good practice to get into the habit of, to save the extra typing.

Getting the hang of it now

[dustbro]

@SteveRiggs EXCELLENT!!

[SteveRiggs]

@dustbro Thanks again for the help. Is there something I need to add into the script editor after the code for the pop up menu, because if I add any other components into the project now it stops the pop up menu from working. Am I missing a setting somewhere that stops this from happening?

[dustbro]

@SteveRiggs There are a couple basic things that could cause an issue.
#1 - make sure the name of your Component exactly matches the name in your script.

#2 - the Component List shows the order of your GUI from bottom to top. Is your panel underneath another component? Is it nested within another component?

Can you post a snip of your script? sometimes it's easier to take a peek at the code.

[SteveRiggs]

@dustbro I think the names are all ok. They should match. I was trying to add new components at the bottom of the list. I also tried adding them higher up to check, but it still happened. I'll add a snippet below if you want to take a look.

HiseSnippet 4476.3oc6b0Dbabbkd.oGKQJSa4extUsUsa0QUkXvDZB.R8Cs05P.PBHBKPBXLfRQwGrGNnAvXMX5wyOjB1VY8V6EeHo1bYchSpTQ4PtmiIGRBSkbaygsJW0dZO3SYurG7w8l2W287SOC.nFPSQyjUrrk3z+98d8W+5W28qUSahF1wgXKkYt1CsvRYdJYkglt82nuptoTsMkx7OHWV2vXH50vpluKZs7q4+aaCE.UPp7PKUGGbGoLYl8Fz5jYtmPh8ymsdYUCUSMbTRRR2hnqgqqOP2MJ0lEuIzCUU6faqOPnzWtXMMh4FDChGfuYkyKYopcW0d3cToEaFYoLOYkN5tDaEWUWriTlmnLoyPk9jCL4k+V5N56YfoeTPRAZHdxUIFcnHllpzF80M5zLPO3HIkQtYjVYVtV4Ej2VuidX5QZmKxx.EUCQ8QlYNJ3UPDd4SO7xH.umfCumUVQyV2xMJGJ1tfbMSWrcWUXHPDV7xJMyOXV4MHPILcWdf5cwUsgOBqQ1qt5UVBc0qlewquv7KLetbJtXKTgkPaXiAoAwaDzsTs0UAY.sItqtotqNwDksJwFU1y0kXtLpopiKtCpL1fbvhKLOLf53h1W0FTYXGrqCubnWEE.kdX2MHCrHlvGYuTrRcoXXY0Pr3vwx9AXoi.V5BXoqAQ0U2rGxUGxU0rCxhip8l.pJaSNvAa+PPkeo7QUHtVIDWZdNtjAHMUCi8.la.tvg.auwnjX3SsCv.PF5lXGzKp28EQtDz8QdNLgv1iKDcUMbv.pM7fRMhbBhktIsEPc8L0XJChYL0IU1rIFY0BDrk3MFTy2ag4mSuKJav2H3m2i+WzehI+K6.L5f1hBtEuNqf2mWdL.xonAXBUTKbeltMUbikcn4xZkM703YGuDSGvDTJ6PbwMLyt37u27yM+8GImtcGWV9MkA1db4RMjYeDUKqo2f8v1AJb+xAymiavPdxFLDsmowUOBEjXVCHZMrvlSxLhjuNELn7U7AETTWl4jE7MmTWElfHo2gZfYScfKayjh1364Jw.Nc4hMqoztQq10ZrCuMEanm1ugTLz6fsGsktoIYufVJZMBoGNdVPtYeU5LTQrbd4laURoRqTgivV3XigKJq3sGpLg.lNDgwEjU1sLpbiFJsSERDamu.fodSTUcC2D5jKvRuV81oTsH1NiALe3mTLEf4ojuAsEiAjyIei501rRp.QP8+BPOJ45Rs3JhfYkKIkJvuIVScXhptYZpJHJfEepeQwqrR5pbKrAFnjIpbZoy9RbJ0YiUqyE7wzBuUuhooEhj+wgBzgoqMBTCioM9fOdx3fag22FSy9vZDnpeajxA5tZ8SBkOa8TLf7LQsh3Hx7fUlF6TARVJMXAZEwUfFyPyt01T0Uk5XmuIYvLsEFLPRWAHyl38AOl4t4MGLB4bWWhkTl+tv0AA6dwkfZC.Wj8mLuId.LZPcX2AU9FR2KriOr2gCiPwFEOPuia+vDr99E6i060OxI8+iuWwtfSEbOu+9x41ELc5jqSeU66Bqtc2947QVNwMK7hA6Vv4EQ2DjM065hpAdZY6M..N3mXs5UTPUa0XaT4WCUY6R0piJ2pVkpKliIDNnrP5ga4Xwb7lktxdOahmYmkeaqdRtzAGlrZpOHRVkDzPmaRZn4kgNnoJkhDoa9TihB5lFIzMntI0MR6Ina9EO50M.szk.9LYQMTOpRB9pNoGAb1.UGbCsOXImIgncpbazsVYYKydoS4bQYZqxlP.sTWWAUDPfhTQHmDpnOXqjpnh2QPE8y+RWEUGlT4v0RsU6Iro1oQ87bxQ0qLAlbOPPA8Ahbnez+bRNTujJnCaInf9omQTPQxGSUMFkySkdGFizMEaKnaPucBcizcFY90pE4ywi4rYWPf4pqyKWoCAo7cjfsVMfebAqPK7kWYkqs1UV6xqVPZfmArmHXyPb2go0UQ+cwhcAF77VMb23hB4EmBmYEX.6JHkOXPxoH2JoTBo.LfAvnmtEmjk42+nmGPA8.UyIZIIhBnTq9spzBcycZTF0pxln5U1TAUHe96A+OpvJqg5ZCiFNHnPsqsQo5LtBrMGEp.4DooeqhNvFhwUU0bYG6DM4C+S+o+m0sB1cRMtyHgZVIKUZSCtjxyQQ00yVkky.RGPO82HuCwdfpALh1oI1VCDZp9ywqaW86QGO+ZRCz6zw.2j3vNVfHz7oqq6zzvqmtYyfNgSQrhmHmoECUhTj4R2FUlvbfefW5mCDtImwv+GGsNcD436FZBj3hG7XR7CiDOI1jH2979J637ZY4sAx5I.gdrL2v9LUr1Q1ZaDiv58OlFuE2V7wf69boe+yQf8W99O1F7IN88BQ563L3mTlcA.bJLcuJZ5TB0.UA+FWqniK1RXf9Ae7G+qWOfXKKi5TdhT6rEGK0VDOojcm3rRl.6dZLKKdNKGC18Kj9CjYBr6K9XiymHr6KJ6mqs96fp75ERRwqZieGeJ9EXe3gM0FBbVSwKtRjy+geRRNO6DHD37a8tShya8CKROb7aQOzflDKOK5Aowtlfw6fxyJWmb.85Db74LoaFQrCrSXivVBDr2xH8yFBNruST67wNUPgSxPbmVMsR.xGLxt0gTRNK32bVZVv101by5UPk2sc6F6fJrFP+WKN8ekTLCHMT8mlOJgT1nUslsSRzY2EKmnG7wTQpG3LIRcw+0oiTGxNofHkdcKd9uQn9AhbkG79IIzqNQBM8riGGycLD7TNgS3PlE3xuywFeadhhuDmjcDBy6crQnxILBicb4Biw26XivVmrFrhel7BH7sEPn02MIBqMBBq8+eW29H2htnwrmUtzVapzBUwbevRhENwB2m2er3QlEsIrqK+dMsqvIbCLBVErdLe4zlubN9PwoKcInSEYKOeZusMAaztOlubZyWlKXv3n29qjzwlzHU6vXax3NGNVNTDPRmMmD22pvpTG7XVzoOKxev3z0tST2JxYtvTb+5BGJw+j3IFm7hujdsQNThWaDZi43nMDMFYvI2V0TpPi2x2Fq45fVIegWNmxc1o8VnJJJU1ocsR0UPq.LAOciNbZwh4pXf4U1gA22DjcUi2be98YMlwsLyLV8z7gxc7Q0E7SuxqyxJteG7HuLllc9zFxAB9.7cE2J9GjTst6D8pUHbERoysQWDVlYGyEglhXbPfMH55hzESB62XDXutOreZYZvqEDjnwzdK35GRtbbT0OnGaCC0wPiezEJdq0HQz7FIPyV+KIQC58K5GRF73uHYKuWuffSdtmDJ9+KsNQ2AIM0O+O9S973otBM4+8C+bVxr.+HyCjYQF4knwumh59X+.Z7UXQ54RgYwBKX6IjIMREcFIUZzDxqvn4UUcehMfKZLVGKyc7nP0a.qNqtv72WpJgElIAjl8ChBQfeLZrHeQ4sIc7LTciGlzziF1OCpIIw3QlFywlfopghFzdjD6zoEtfANpchwi2YFCdkjdjiW+HQeA4Jc6Bl9h.6SHCysejG14hP4umCkmSFVaDqBdkzSQcfkAlG14fGH9ecB71.rR8aC.lZBVB5D2Z1gEKCKLhsim5urHqqJMf3YFqu7AdKrEV0catib9Yd9hsZcCahmUxZ8Yqy3Jssg84AZBwLZXhA0tqnLtgMwwoKHNr1xQLqld18n5pnTZg2GVFLdZzYm8UMMwFz3CNSFpweGLcnVWaaUXUzXdax5k7s4ly+Zxqb4ki+y9Mf+n62j9qu7Fru4UovzWkUl9pr5zWkKO8U4JSeUt5zWkqMUUgSz1V0hNg44k8cTkFbAnBnMVEMRjfetzEI3PK1TE3FBkrrduvdimh3D8P9HC9BOclw7vSdxGUuKlYSmApuHuElDm083dNL+ryIm6avehBaPrFZScEf5e40Vh9mqw9yWFso595cPaggs.Lj9zDnEucecGDM7sPz+1FiQNjttGnZieEzPhGRC1fhM3VE0I287bgh4Re.G4H1HvOe8tC4MCjpmIrDOxsOFA9ONvAQ5x93F6rK5FXSrspApo2dF5Zn5fALSXWapNHKZJN8oumE+VhVmpTbn3iCTUZ3RxVJaIDVmETfTaKz3VZ0fdwuIWBQr4MSVUWJ9sQDKZMWD.8PDrfXTkWNlJ.bJtG36KUKDIrcP5lrluOreG3Wf1DDzC.q5n8vHOGbWOik3MBTbzsq0dqF61FUZm6ftcoVsJsS66bcn3t8IPtfAQdioCLZcnsAgyV0zcHHC71X6Js1XKnRkJWqds12AjET0Zs2A1b.pZiVnRnlkn6ua25kZgZtaqlMTprLBofoPy+cpbDZ6trgLa5SLB1isgSn7eGXX1AfHrmi9fKbvvsFVee.fpHMfL8vGH4MipAwrGSZghGoQWFUqKxj3tDxA.5+XeWWqWIWtCN3fk6Y5sLwtWNCdq3j6aAP5ajS7Qy.NrdapitYu5UXOlKgz2h4ua1q3+Hurw8fgWGWpyjnWEk+57jnJc2ZctdTAZ6YRelQ7hPe3S2X2ZhuhJWXsZgGOkZmNz8om8Rz0vuzRn7v+Q6QZwnvnkpYOb17zYX4o4sb9Bb.MlGoC6sIwlszEkMBr.TF8YJIHKaClBfMWReAQzT1g87axR6kfB6KkBkk9n3JY6p2UWSW0HrvG06ZhBJlTA8C69sxtH5aEBsDElQW86K8dl.spBEC9ugp3ki8nLoJRlyFT+gx5C3kPI5vkDGh9lSRxeo.ki+XgXmEaHdpZLgF59Bp1PU0Xz.bIyj+RqJOrBWpBjtjPK0iRIfPpoBz2b13ndzWAVH26nF0hXmAX8q9pnWp.5q+0mTOSYuA3aTRb50OQ5lWpPjzDgmuJuon8t2.5NYgE.uIdnS1EOxoN4ud7jiM4eBprSkWG27mTuNt.qKAojWJbPWLoHgRLUlvLlhEkzQ936xjh2Di+w.dB8zQxHbVJxOr9jdjhz8XHML3WDOLxh+rhmdm.vw2KwYDv3yvw343GDq+t8SdnrhXaahIwpOwTWK9Vy.2a50CaKh3wJF7a.bCO68iM1wtoGwT+zW+W8a8KrX43oTGlaaHl7VfO7izbhuWqfaAP34WEbHuBulpJZj3aycpT6ENZ0tbJoFQQqAkwc19jgd5.rxGQNaC1vnL4rud8YBuLy+RPwJD7ImMTsmmC14kuEXASi16TX9UB+DEJDEd3ncWGr+gYHZZC1wmKNoMG5MbF2.hjTPexZC9Ib+vNTjgkZ50P5DyxyIxw7N6eocLuG+0GEMTet.+EXuW.nKo8c3qGPr+CC90BgJn+qebwvTWI5tqzJVEi6rWzJavZc+402N9QUlY1Sp0cxjxg+miKUnubbJQDkKvQorb8pM78VB9soZRaTnHKnSo6SrVr6+81p6i6RrG3OJGV853dPGIlRaL3kHriAMwDUFPHt8Y21l3ow+BEqSHVULoy36HV9MX+KfRPml5SG0EawMb7FxWkUdg7WswIy2mblah4e4QQ3dd1nZ3vGc78L9BcbDGxs9xDwsHdzq4M3NNjg8vpP7r0vhWGxLz8Vw+NevFVTvlcXe74vO9YVH3tSnYVHHSoQsCdgfWan+4HG6E.F6TjidThBS.uM1cL2WjMN9sgACGDG2joc5aP7uU3oUh9x+xZOkGwmKXkO1txp7N9+anUziKRTM.Xg+.KBuEtxprNMZ7ilPzRiR6TjlvJwuCTyNqlLgKKFuDmXbfyDJyQdaMoWid3G8Q+40iqQ+vOY50nmfypNs0nO+3znwi7HwfTHt5b1DpyhezG8e96hqN+ru2zqN4IbkjM5UiBhveNqQuVxprVxDd4Ql4DNx+G9CKxZjBAX8S+uy9uwSYDvVXDzV3uNlOcz6FkeAuHPprcOyelDrqKGQcM8ulWXQKno.Yy+24tzNKNvM4LyXj7X8BBiyYjOcP4.UMaxapwOBZJVOOKE.kl9QF51zuQEh92ip7znKU+M0znaI8kJHIM9ZrxTWiUm5Zb4otFWYpqwUm5ZbsotFqcD0fFFEk7fMQwcECRnYENQJS39s.y6+ePtgbfD

[dustbro]

@SteveRiggs It's working fine here.
Make sure the Interface Designer is set to Presentation Mode (the lock icon) so you can preview it's functionality.

[SteveRiggs]

@dustbro Thats weird. It's still playing up here. It works at first but as soon as I add new components it stops the pop up menu from working. I did a short video below. Any idea what I'm doing wrong?

[orange]

@SteveRiggs Because the latest floating tile that you add is under the Knob1, you need to drag out this floating tile to up or downward of the Knob1. Just see the 0:34 in the video, FloatingTile is under the Knob1

[SteveRiggs]

I think I may have worked it out. You need to 'deselect current item' before adding a new component so it doesn't link the components together in the list. If it links them the pop up menu code seems to stop working. Weird. I'll try adding a few more things and see if it carries on....

[SteveRiggs]

@orange You're right. I didn't realize that you had to deselect the current item first

[SteveRiggs]

@dustbro @orange Hmm, actually, it's still being weird. If I add items without them linked now, but then delete them again afterwards, that also stops the pop up menu working now too

[orange]

@SteveRiggs You need to press compile button after the modifications like that. It will be fine

[SteveRiggs]

@orange Ah haaa! That works! Thanks mate. As if it was something so simple. Every day is a school day!

[orange]

@SteveRiggs Yeah of course, "The day a human stop learning is the day he dies."