Click outside = Close panel - How ?

Matt_SF

@lalalandsynth said in Click outside = Close panel - How ?:

@d-healey Maybe that should be added ;)

You have my support :D

trillbilly

So Ive gotten this Click Out = Close Box to work with both @ustk and @Matt_SF snippets, but only with one button. What if I want multiple buttons to have this function? This way users cannot have panels overlapping.

Right now when I try this with multiple buttons, it engages buttons as it should but the panel does not show. This is by trying to use only 1 "ScriptPanel/HolderPanel" as well as one for each button.

Also, it doesnt seem to work when panel is open and you click another button?

Any help would be appreciated!

ulrik

This post is deleted!

ulrik

@trillbilly try this, if I understand you right

HiseSnippet 1350.3ocsW01aaaCDlJIpKxacXcXebefveHPAoy04k0Mrlz5FmWVvVRLlayZwPQGiDsEWnIEjnRhwP.J1+qAz+C6Ox9G3cjRxR10NM0qIvHP738b2COd73wVQROZbrLBY47r9gTj0mY2tuPEzLfvDnC1AY801M4LuyvGmnhY9TbStLlFiaQDTNZ69gj3XpOxxZ980HrbV.Y96eex1DNQ3QKDgPmHYdzel0ioJj1pwOw378H9zmw5UR6MZbfmTzTxkI.6l2tNJj3cFoK8HhVs4rQV2YWelRF0VQTzXj0BaK862NPdgHU+SXwrS4T8fUQsACkJdOI2WyXsTTy.F2uUdTHFAVoUQLY9zXxWYeHymMTdQr4KLSfKPTNdXM2nza9Qn2pkoW8RzaBTxpDkVHkR2ytsWDKTULilOep8ABEMpCAB6koRptn496EraJAMDpZ8HmQ2KBFLDg6CqW+9X3eK+nJUfPerBeNIBuchRACvagyg1kpdJm2T1KTJfwwtUS0oJ.r.mIA45gYTYTTA5MmnQQMDha0zo0PpTgI3LAE2IQ3oXRAVJxnpFZjj65ki69fo4Izkq7mUb3ROBGy7uD7Ql90XBe5kG2o..XemJNoqfeCz8U0hg8sb6lZLPkT1Lw4tpRkNxHr6oXlH2OKWw4zZw50iQ2lDN+THk1cbha7dkbiSUGJShoC0Ne85ROWyT8Zh0AmNpVOspOOD7DH14AOvwKfBmcuHf4EfC0qGLKFKCoBXZc7V+I3NX05X3KCBK0eDlg2LaCrFmJ5pB.QqrBXVicGFYdkd6ws54oYxUWFu0VXUTBE+DigAawv+.tZUsGtJ0KC4TWt7TXmHTFyLaeKgIQTBV1IEpgrYj7RIXoLepmz318M3akA+Et5nlQ69ueseYg1WLIs+UluJnPmfIoyORYcCToJA+J1CtD+3szTdokv4B1zHXEsyFJsuVs9iHXSifU.+MLRCoDwRNsVXDSm+yD5ZvUWNOfBLhlqZVRTFCg7lSz4htcHfNF.iogW.Qzk56larqpbk4bUoCTGIUziEtljLHkFO9Tc5Lw4xxi4znINstNez0AzUjz6TZT4isZEgheiVQ0d5UTKWv2KsTRIEkhCDL0wPXXZWCfxp+nuPHiUfpJSs2OOq1aZ3DwfRrN1oCVEYnLPMKykXe.PWa1gt9rCciwf97C1gnH56bxB.PPIjFoX53s0NzygKvSuAxwdGZ7YJYH74vJzv2ot7t42OYZSP6wEsMeuJ5xxcDzu7fKzG6JD7xFAlyXkkvTzd48D3bGDZv.s7BoqoEOXvf5ZwmmmOXMO5CfhqUhhu4rFknHqwnT7Mm+NTzeLJNfftEn35kihOtDEaPGih.gFihM9iwn3WN31fhaL0n3QiSQ16ei9elkM56bCNuNsrwWN9V8KZDQ7Yx8ijIg4UMJbk8M378ThGPRz+OKO0jg2dw0Z4O4FTcXZ6g9iuG96uyd3lWqyWb5oOoc9biqS71+ZbWCRftkflxx5YJV6GyqXhwGK38GIe4c6sF5pW5mvIpQa0W+9lrIfaqFo+ZcOzvMyp9ke+yGs9+uoT7d1sXJufIyw4l.Ggx72FbL6US20d2NcndpBBtf8du314IRneQlnXhtGRTQLHww9njdsgpDdTv6Bcia5a3lSe2X5354230lJ7MCfZICxlbU8XqrIWMeRTOhWj70doWtpeW1hFI.mDlmj5XendLtnI.650pi5AOQ70dd5k+2.mAlLl0lALqOCX1XFv7sy.lGNCX9tY.y2esXzuN+oIJYuziCffV6Z5uwxZWAAxrLYgn+CvvMqYC

trillbilly

@ulrik Thanks! I'll be out of commission due to holiday festivities for a couple more days but once I return I will check this!

trillbilly

This post is deleted!

trillbilly

@ulrik Got it! I just had to switch around the placement of the "holder" Panel and all seems good! Thanks again!

trillbilly

@ulrik Thought I had it but I dont.

It works as expected for the most part. The only thing holding me back with this is that I cannot use the popup panels.

For example, one button is set to pop the Preset Panel. This is a Floating Tile inside of a panel. I cannot select or add presets. I cannot do anything within the panel that is being popped up.

I tried placing the "holder" panel BEHIND the buttons and popup panels, which allowed me to edit within the popup panels, but made it so panels can still overlap. Do you have any suggestions on how I can still use the inner panels of the pop ups?

ulrik

@trillbilly do you have a snippet?

ulrik

@trillbilly In this the holder is behind the panels, try it and see if it works in your scenario

HiseSnippet 1392.3ocsXEtaaaCDlJIJqxacXcX6e6GD9GEJHctNoYcCqIstwIoKXKMF0sccXnnfVh1hHxjBRTIwaK.q6oZ+ruC6EXOB6MH6HojkrhcVq6RPPf3c22ce73wijoSrviljHhQVNOcTDEY8Q1cGwkAsCHLNZ+cPVetc6Pl2Q3CSkILeJtCgSCQaOJhjjP8QVVK9HkoVNKgz+7OOXaRHg6QKDgPOWv7n+.aHSVHsSqumEFtGwm9T1vRVuQq88D71hPQJPqEsahhHdGQFPeLQY1B1Hqk20mIEwckDIMAYsz1B+QcCDmvM1+bVBqWHUMXMTWvQFw6IB8ULVIE0NfE52Ie5mf.uzoHYrnIY7Y1Gv7YikWjT9DsBbAhx4CqEljdKNA8VqL8ZVhdSgRVknzRFJcC6tdwrHYgFEe9P684RZbeBj1KSEisnE9ykraK.K3xFCIGQ2KFFLFg6ca17VX3OqbuZ0fTehDeLIFucpTBCvagygNfJeXXXawvHAGFm3V2XSc.XANcAxkCSaxjnBTKNwShZLD25F0JH0pw3gLNE2Ok6IYBNVvynpBZrHz0KG2s.WGlRWo1uVyIT3QBwL+SgXjYeCF2md5g8K.n7uiYB7yfourQBrrk6ViutWMGCYlptypUquHF61Cy34gYkZN8ZjnlNZaaSBC6AUztU4sx00pk6bp7.QZBcr04SWW5wJhplRr9XynFCUl9rHHRfXmaeaGu.Jrm8j.lW.NRMevrDrHhxA0pzs5SHbNvuZ9xfrRy6gY3MyV+ZDR4CjAfnUWEbq1uiyLuTs53V+XSgb8UvasEVFmRwOP6XvWL72hqWWEgyLQYLmFDJ5AKDQhDld06lXRLkfE8MP0jMijmJ.OkESkRcXejFemL3uvUk0zVO5+15epv5Sll0+HyWFTXSvzr46nrAARiQvuEqAmhu+VJJeyahyEroVvppfMV5HkYilPvlZAqBwablFJIRDgzFQwLU4Oiq58Vek7DJvHZtoYEQYLDpadtpVzso13JZ8BH7ATe2bGcVsyzaoJsW5wBI8Ptqt.CJmwUU0u+T0kUCGRimpZUK93KCnKOcXOZb4crJCg9dS1L0d1MSK2q2yzEojgB99bl7PHMLqS.PYsdTmEjwJvTots6Gm010jNQLn6pisYvZHMkApYoO+5c.55yOz6L+P2HGpyx4mOid196PjD0QNYIAHwDQikLUN2ZG5wv42lCfbr2glbjTDAeNtAMDOSXud9wS5aInh50rMczPmV9BAiTD+KfONQskarl27GsBz6uFK4uecKnCHznMqOXhJF5ajjfOjGNB0aP9UEbV97yOWChIoCKjlGyBoqWVrjdp7htnmHFHcW1uLw8XLReBwmklTV9w4UgVKhJkTblcRQ+8ZWHojOXmVURLwUSL+NoU0oog5UllvDp46AEWuDEeSuVWBEw+VUJBjdRJdNAcEPw6TlhwWFEQrpTrknBE+zyuJn3FknHjmJQw6WcgtWUJ170UWn+q4Ygd42hFYypZ7BaS60JF1CHdTrHMp7U+e2B3rqsPno6+KPi2s.N6Jk4JfevaQq1YstOkTZk0czlyJIewWE.uGQ3mFRjS9HE0KyxT.G1NwKCT29GtTgbTYO++1KWdao3Mr6vjdASmiKLENBmPcUvwr26cc6c62m5IKH3R168hqlG2gdhHUx3CNfHiYPUh8iSG1E1K6QgnyU24TcD4Bpi1MialeVeWJ2WO.1wedlx0TisxTtVtRzPhWr3Udl6FndQ40zR.Nw0Ol1w9.0XbwcXra1nIZH731W44ol9eIbSooiY84.yclCLaLGX9p4.ycmCLe8bf4atTLp+uBOLUJFZ1N.B5rq9pYVV6xIPkktJD8uPhCKL.

trillbilly

@ulrik It works just the same. Closes popup when click outside but allows for multiple popups to open at once (hence the overlapping issue).

I have a snippet of my project. Hopefully its not to jumbled for you as Ive only been trying to implement this on my actual project.

So if the "holder" panel is on top of everything, it prevents me from editing within popup panels. If the "holder" panel is on bottom of everything, it allows for multiple popups to be open at once.

HiseSnippet 1910.3oc2Y80aaTrEe1jrWp2RZKR7BOfXj4pJG0hq+SRCh1RbiSbI2RZLwgRQzRY8tisGk0yrZ2YSroJWPn6EIdB9DvmCdruyWfq3ADeDP2u.26YlcWuq+SZciSTArxCYNy4O+Nm4Lm4L6T2iaQ784dHsL602kfzdU8F8YhNU6XRYns1.ocQ8838Wm2Cuto09Atn066Z56SrQZZyeGISZYV.o986qstoiIyhjPBgtOmZQ9PZWpHgZ8J2k53TyzlrGsaJtWtxVVbVUtCO..z75EPtfMMaStmojs4zQZ+sMsoBtWCgof3izVXctc+Fc3GxB4+9TeZSGhbPQTCPQgjqwcrkHVREUsC0wtdri6i.sTOILLeXX3002lZSGPOIbbI0D3DIRGOzlaX3M+PvqXZ3UHE7l.jzRAoEBgzqo2vxi5JRlQhmyquESP7ZYBg8zPIjWzb+7B5U4.GLQ9tl6Sp4ACFHQthEJT3p3qWnvR2XQiEMt10paxHN3pNbeh2hFvpgu.efoGd8.g.FfuENVasIha63Tk20kyfw94xFxS1ktQJ4T56YKlhkgkpib8xaXoFHRtrgSKEwvfxbnLBtU.yRP4LLmEAUondbmbVwxcUP0NAjkLdhQFGtkoClZ2CrQD+4oLaRucZkHfT+YBcfOCX8Q48gUxX0FpqaXjIDLSbtiLLZw8v4ZhorXyrjQll48ktih2plNNMgj7bihaopMLhUNQrMOvmLf6X2MG4.IPktDsENbT9tRV+XWvR.4LW6ZYr5Pr1GeXGpUGrqZAl5i4tDFLsLbK+WvbYf+T3kBQkB2.Sw2LZ8KuCg0VzAHckq.pUo2AQlGIWcxk8fvb6rKgu0svBu.BdMkhAcQwuGNaVoENJzJCvTaGdSXgvk6SUqdWFa5QLw7Vghp.aDH6wAMEYS4jJydGk70iD+A4jQME28e9b+oIbe3j39Sn1hNI7zYR77ADZ6NhPlf+RVC5ge+aIg7kuLNlvMUDthzXCn1WxV+gHbSEgq.1aPjFRI74Nj7tdTY5Ok4SsIYWJNfBHhDyZTRTDBg7l6KyEyUPw7HyZ0wj0lXmKVQGYbjZKUp8R2iKH6vxoRvfzY7nS0p0DmKJG1g3MwokU88dVBliEzsIwK8NVIiPovgqupe70WSW92JrJRJF4rsXTwNPX33NT.EU5ApEe9HTArJTUhuPTk3vvIhZKKCW6AEiFq.c5y.QSoBJMqJn7rpfkmUErxrnfKpW2i.4r9ylR1j0FNR3EWIMbfsUdJk7p5aCG3W6A2k0r3LqgRCoge6i9oebsWPMTdlwvxSPCe7VaXJLkMaDkqC4+tDOAUt0RaCxAPmagsdjQeCh+9BtKzXzfygQZuRnkWLxxa0EZUKxvxlEa6wCX1ndoMZ+zCNTVgc.gJeekNpxoCn7zuoRKpST2eug9Spu6N+iMqt2iqsyGtwl6dz52Y07tr1xPw.Hs3vPRUuVAoyoGdV5rAmlsi6N0Pu30Wc0UKUbEDUP5lto0jwkBIHH8DSPNWtaf6NrckFopC0Z+Ptgy3gVIhNo2W5KpI8w6vb5iNHtDm17nieoHwuMjElBGl34O0qRhmWgWYXOG0eTOGQqbRraoWR1s7KI6t7KI6txYmcO+wY2KDWq9YZaPwOOaCv6TcWUJGQVXafmbQQzE6B8jZNbSAk0dOn.ixgtTjCsMgEnHlpPwcS6R4Fwk.GdzBENUbg9XYhTlej3UTE2vxqwm6stG+P3dWnma7XhjKMDcUo84Jpo+jEMv3rxdeZXd.I5NZuGtkIz03UGL2l8fds8glv7uMbCDmftSfG0sn8NNMH6GzeBJFZXKpsSXR48BRoPyC3dfCHu0+vRduftgnPJTwPZgDTckuKrzwgY9L4DXbg7kG42UegmPR+QKZbTp.Z4gBn03p8g521iZ5nF0f9kjzoES090KD2dxY2d1yMUcolXYbZK+z5iX4ut5nVFn.GK20W.ZO7Les2brCmq8.ocJpNf1GtrMolokP8clTMA8ku9ut1zi4Rig4K06LCykNcvb4wiy+yyLLW9zAyKOFlQeyYFlW9zAyqLdtw+9LCyqL6XdzK4zK82EMA2+vQicP4mOhm7u9gwv8aOFtiNYQYqiKKA+vu+WlZzO7sqRkc+UyL5+6ig9gL1TCeio6dcIX+2rSg8e2eLf8ViAr8YM8KVn36DhoQZH3gi0PvCqvB51PpQ+jHxmVYbe4KZ05+t1wTW2X5trYpDpOJka8EN+Y1sJm9jxu8uLqVKmxs9Oe2eXWsF+wHtj91b6.GSwvuMh7Aghl.5kbnGjP9nCPGlh9oevnSsGLYZg3qoWmJr5LYLN2DvHBclfwnmYZQ8Ma0hXIR.3BvQZmMuoDZWdf7FOaaBo.PZmNzjcCnMWKBXcl76ZCzzlS9okBGWPNVFAZPX1pA+O3WzjEki0hlrX7jntlVd7GaE9sojOj04TT.LwTeEmLPtOLFO3qpoqWHeATWpM8wVVR2+cJhPSVlRm.YJeBjY4SfLqbBj45m.YV8DHy69LkQ9bl2NPv6Ftc.HTeS0kG0z1jYBYVprPz+GrZ42WK

d.healey

@trillbilly Wouldn't a modal popup panel be suitable for this?

trillbilly

@d-healey I have yet to try but will see if I can get it figured out. I just assumed this was the easiest way as the question came up here in the forum.

My scripting skills are weak but we will prevail!

d.healey

@trillbilly said in Click outside = Close panel - How ?:

My scripting skills are weak

Yet you are rolling your own solution instead of using the one that's built in :p

trillbilly

@d-healey That goes to show me!

My intention was not to by-pass any other option or make things harder. I searched the forum for my issue and assumed this was the easiest solution.

Tisk tisk to me...

d.healey

@trillbilly said in Click outside = Close panel - How ?:

assumed this was the easiest solution.

It might be, I haven't followed along 100% with this thread. But you should explore modal popups because it might be a better solution.

trillbilly

@d-healey Im giving it a go right now, thanks!

ulrik

@trillbilly you had some mixed up references

const var Buttons = Content.getAllComponents("Button");

this means all components that have "Button" in their names (you had several more than just the "FXButtons"

It was the same with the Panels
I've fixed that.

try this and see if it works for you

HiseSnippet 2013.3oc2Y0saabbEdVIsIlqirc.xM8hfrfsvfBVQl+IqfX6HZQI5p5HKFQEWGX65rb2gjCzxYH1cnDYLTaQPaA5UIOAE8wnW5GihdQQdDB5KP6Yl8uY4O1zTRvMgWw4Lme9Nm8Lm4LyT2iYi88YdHsLGNrGFo8d5MFR4cp1whPQ6tMR6p5GxFtEaf4VV1G0uGZqg8r78wNHMsEuufIsLKgj+9wM2xx0hZiSHgPOhQrweNoKgmPsdkGPbcqY4fOjzUg6xU10lQqxbY8A.snddTOvlVswOzRv1B5Hs2YGGBm40faww9Hsk1h4LrQG1Iz.9eDwmzzEKFT.0.TT.4ZLWGAhETQU6PbcpG439HPK0SBCKFDF9.88HNjX5IgiqImvLQB03g1Bog2hofWAU3kWAdS.RZJPZo.H895Mr8H83IyHvyk02kxwdsrfvtJTB3Esve+c0qx.Nn705ZcDtlGLHVhbExmO+pl2Je9Ut8xFKabyaV2hhcMq5x7wdhwv2Cet4wVdla0mygAl20LResw7645Vk0sGiBi8ykMfmrqbaiD4p83DIehhnwxkKasGWHRxUMLm7uoIYw4VxRysjkmaIWORxmcaiTQWYb+UGbkrjN1FK0zCrgRMYjN0f5bIUo4RpxykTqGJkHNlDO5HVm6kNJpHVvzhPngAg5RnXyV8o1bBiZxnwIpBg8Xt4rijbUP4t8wqX7BiLtLaKWShy.vJwRrFg5fGreqDQ.ajIiQl.KtlOTBHRqApBl1HSKlmYNBnn721jXdGE84hos4c.p23FqXjALalfO0Og7rTJqkkquTYYhkUxBl+HgYxkWL2oBaEIuyfmMY3nn.IOQpHhgSMLj3soIglfT.cME7FptpVttMgZ14FObJcYin.BluGquONl+nuC4vGKhdhHMokYvn05JX8K6EFIt4MyX2Aaej4IcH1cL6IqXQ7MY8vTXZQdf3uAe.FKFGDGFI.K0qRHFRaxk83fh0YWw7t20j60GatoTwftHlepY1rBKbZfUhwTaWVSH+nGymHSqttokG1xj0JPTIXCA4.FnoPaJlTZ16Kkudn3ONm7aqf6gudt+pDtOYRb+aIN7NI7zYR77qwj1c34BSeU9FLv7ytq.xW+5lQDtijvMDFKl5PAaCSQ3NRB2.rWbjFRI7Yt3054QDqKITehCN6JQAT.Q3HVSRKCvX5T6wm2tiEsM1IWjxN03T45ckE5Ojww6SyISxfzZyQmpUqINWXdrK1ahSKZkw6UIXNZ+tMwdpESDLB6umtoA8o2zfZOM1Ak3TXjQ2kR36Cggo0oCJrtHzfwkCQEvJW1dwUBauHHbhHNhdKh2YFIAMzp16D0XGZFUPwypBJcVUP4ypBVeDErzahBtpdcOLj05e1TxNz1v9Uu4JogKrzxSpj2SeOnK1ZO9AzlENyZnXJM7Cew+3us4anFJclwP4Ingub2ss3VhNnCy0g7+dXONQrzRaa7wvwQB5mNi91X+i3rdP29wMIfzd2.Kubnk2sKb9iPCKNATaOVepCZfpQGpN3DQU1XBU9tJcjkTio7xusRKha3QZ9E5un9A6+a1o5gOu19e916bvoac+MVqGssHTDCokSCIYMaIjtjdv9omM3zrczQtLzKbqM1XihEVGQ33tpmDKYbw.Bb7.9DjqGqW+d6SOPXjptD6iB3F1mG54Hb2deguHmz2bep6PzwQk3zVDM8OEI9sgdTmsJd9K8pj34UXUR64ngi54HRk4wtEeKY2Rukra42R1c8KN6d4oY2qDUq9UZaPwuNaCv6bcUkhiHJrE6IWkGdaEAdRMWlEmPaeHTfQ5PWKzg1CS6KIpTn3AptTtQbIvgGsPgakdPurTth4GIdEVwMn7Zz9da4wNwGJQ8ZiGSjbwTzkk1Wnfl9KVFNsXVQuOMrNFGdn5O0TdbnUimamAP+19PSX92CNEha+tSfG4UC4MMMH5GzeBJFZXKrsSXRwYCTTn0wLOvADWkUZIeX+tAnPHTg.ZADjcle.7oiAy7jkkmDN+ZkF42puwSHn+rkMNUIfVJU.sFStNT+ddDKW4nFjuAqlVLSqWuRT6IWbqYuzL0kZhkMUs7KqOhk+iUG0x.EXa4t9bP6A64q8gis4bvgMJH2f121xEWyxlKu7TYSPeyG7u2b1wbwwv70Fbgg4hmOXtz3w4e+EFlKc9f4xigYz2dgg4xmOXd8wyM9yWXXd8yNlG8PNCTur+Db+8mN1Fk+tQ7j+z2OFt+kig6vcVj1ZZYIlO869WyL5Se5Jkr6+vYF8+pwPeJiMyv2X1NWWB1+AGEr+i9iArOZLfcDsoeg7E93.LMRCAOcrFBdZEZ+tMDZzOIh7UUF2W95Vs9OaNk55Fy1gMURn9BE25qc+oraURcmx+xOa9ZUVws9m+0+u8q03uv10z2i4z20hm9A+DuxY3DPujodkMwKoAcXxGp9JnmauB3rBw2WuNga2YxXbgIfQD5BAiguc5x56zpE1lm.vkfsztXdnTzAr9hS7rmEjB.oc5PS1Mf1bswf0oh61Fnosf3pkBFmWLVDAZfoNxA+W3W3jEDi0BmrPzjntV1drmaGb2ThWm8RRJ.lnxawICj6CiMiuUMc87qkG0k3Pdtssv8+3BHzjko3bHSo4PlxygLqOGxbq4PlMlCY9jWoLh2n+d84rtAKG.B02Qd3QMscnVPlkLKD8+vf4S7F

ulrik

@ulrik or try Davids suggestion

trillbilly

@ulrik thanks! I will try both and see which works best.

Yes, there are FX Buttons, Preset Panel Button (sub FloatingTile) and Engines Panel (pop up sampler area). All of which need to be included in the script as they all pop up in the same location.

Click outside = Close panel - How ?

32

1.8k

12.0k

104.1k