Click outside = Close panel - How ?

[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.

[trillbilly]

@ulrik Its so close! So I have added the other buttons as well and all is working great EXCEPT for the "Preset Panel" which includes a FlotatingTile within a Panel. The panel itself opens and closes as it should, but, it also closes when I click within the Preset Menu Tile to select a preset. Any ideas?

HiseSnippet 2264.3oc0Z0saabbEdoj1DSZKaEfbSunHKTKLnfUn4expw+TSQJQWUaYwHp35.aWmkKGRNPKmYwtyJQZC0VDzVfdkySPQeL5k9wnnWTjGgf9BzblY+aVtjRTTRMI7pcNy4mu4LmyrmyvsgM0.43PsURkd+gVHkTWSs4PBqWsd5Xhx1apj5Fp6SGVkNPqptwAtVJUGZo63fZqjJ07OhyTpzKnH98cOrptoNw.EQRQ4YTrA5I39XVD0FUdL1zrtdaz939RbWtx1FTRMpI0E.z7p4Ur.ap2E8TcNayopj5C1pMlQsaxzYHGkTKTk1dXydziHd7+LrCtkIhOnfRSPQdjqSMayQLmpRsdXy1MBV3NJfVZD4Fl2yM7wp6faiCoG4NVRLgVjDx9iTyEGdyGCdEjgWdI3MFHkRBRK3AoORsogM1hEMCGOWUcaBCY2QGb6xPwiWk4d2UTqQANHrb80O.U2FFDJQ1B4ymeUs6jO+J2awLKl412tgNAYpUyj5frggv1gCS6PcasptLFLP6AZApqKhsgoYMZeKJAF6jcYOdVdk6kIRt5OORxWHIZnbYWt9yKDH4pYzF+uIIYwYVxRyrjkmYIWaFkrgMxAwblQo2hzESPgR+p6kI1NqXK+j2XErDeeMTpIuo5K03Q6D2PmIoJMSRUdljZsYPJ+MvYPR+MOeI46cQ6A83GqYGemSRTuo4aaYxfIlfZz53RLXXJQiRBSL4BaSMyZDH4pfxMcQqj4sYRaRMzM0vsG.VIThbXRazfc6DIBXizoyj1yh4bfS7BzpmpfoyjtC0VKKFTT96og0tuj9LQjtrd.0acqUxjFLaZuvqWfeULk0Q2zQnrzgxJXAwdF2LYyym6XtsBju8fWMd3Ho.AOApHfgiyjQf2VZXRDRAz0hyqu5poaZ1BdEU1jtSwRNSfCAw1g55fB4OXeHK5Pt2i6owcz7FkqOm0uvx2Sb6am1nGx3.si5gM5oYINfF6nQsPDXZdb.+QuMfD9XO+vHNXgdkbwPXS1kOz6cSKuh1CdfFy1Eo8PghAcg0tq1xKysvwdVIDScMosf3CKpCVDVcSMcajtFsimnBv5CxATPS91jOovrORHeCewedVwdKm6gmN2eYD2GMNt+c31rdQ7zab77aP3t8XY8Cek1CFn8qe.Gx27lZADtufvs3FKj5PNaCiQ39BB2BrWnmFBIbnlnbV1XddIl3faiVdk.GJfHT.qQgkdXLdncx4M5oS5hZmMPYGm4XQ9tTh9SoLztjrhfLHrVazo5zYry4GGahrG6z7J2rOIAyRb62BYKeXBmQnbl30HoN4ZjjKgyv6HNIFojsIX1tfaXRE1o3etHTO007QEvJSTM008qlpoIrWXqfghl9P0GSnsJnH.rbMrJSRXu8BgvWUMrLlPE7AmUET77pfRmWET97pf0NOJ3FpwpzYVURrBdNCamRwBWScGnh+5O+wjyT.w30PwXZ3a+7+4e+gmQMT5bigxiQCew1apyz4ca3mn.IOVHaFlmWlZSzgPqad8djVcSjyALpEzYTXEFPFimkWz2xa2G5Uy2v7tE6ZScIsUFHazgxCNheDcHgJuqROw4wgTd+WWoC1zu8uel5aar2t+1sps+qqu6S1bq8Nt5iVOmEoK2UDBoEiCIwA9BHcEUuWFe9fSqtAsmlQsvcVe80KVXMELC0Wtq0nwE8HvPCXiQNKpkq0tj83FolI13.OtghDfBV7KUvguVDS5nsKwbnxgAmOlZdkIuUDstynFTJtzJ+81UhV4UnUhuxUFN5JWAWQxt73kPCqdpmmFY1u8.Iyp7nJVP0BDljxj.6Tu3Jdwt3lZ6V5GH6V9xytW8jr6Zmnc+G3S2tjK1zmIEQdcl+U33sJpaR0YXR28gSR7eAgLI43SkMkiO2Z7wm99g3qVvWjzK6epp2QnKoVy0gQ62Dw3l1QIlunb9heVoR4i4KFqKpXL5hyum6MoTe6hPOkKuoM9Pniu6JpeeUORhSwiQZWWlkKKFoptc5fraheSbNap22xDsGTnVLxd0gWswNwYlAk92GVZ6PaOhZfdHQ00Mfp9hQWb2fa.s6PX63ZxvVl3QPeMSjtM+B2pUaL.6IPyo7hNGYA2x8DgvSvN7E+KVTzEd9bqsZvSqG7Xgb4CepXDwfmJlKO+gWsXliUpSEIrpaXi0Mk1mJEaacpRxttp70DLoDMkSOQCNC3+KIZ23TRzVxeAsCh3JHJko8X4kT1JmV1z6MSlLNh+JV1VPkjUsoG4.uO5hKYqPPxFuUjl5Gh7uWs6pItchUCmaqAP6uNP3oyFNf5b6OFdDWLs8jz.u8LmwnXn+I+t.iGiyUn9gTaXAvuH83R9T29dnfKTA+zKAAQix6wyjjSKJMxuUOySDliLorh34N7Q7SfjCKlpWJdcU4KI6R4EiWYp56KxxZxV98MFwx+oZiZYfBTnaeGFncupnS8ySTtqWu+EDk75DcdVPaEu4i+OOb5wbwDXdoAWZXt3EClKkzO+GtzvboKFLWNAlU95KMLW9hAyqkL13ubog40N+XdzqMXf7e0XDt+liS7hxe+Hqj+72j.2+hD31+MKBaMonDsW9t+8Ti932WgTz8e7bi9eYBzGyXSM7SOc2ThTqdskv924j.XeRBfc.okSg7E9TOLMRAAuLQAAurBwseStFch7HeYkjqkupSm+6YesTTNJ5ykVKek4O4VKkjem3e8m16KkkVK+q+1Ot1WR9e1ujJzIhqoNK9mP.+6lveBn9vX+u87+adnpQ1P4uqhQ+tBVX59tBN4O6goEtejZCLyn23w6biAuJJW530+qzXQ0sf9VMXQfcA30Wm3mjwECT1i5x6zYGcH1.hGUghqaBk2Zf.jP3+ES.sTywujVuw44i4dllHRawf+G7yexB7wo7mrPvjJ80Mrou1v6Vd4eSHWQPAvDQbenogjBXrV38SqplOWdk9P2xu1vf6J9T.6iWlhyfLklAYJOCxr1LHyclAYVeFj4WchxvunhMbYz9doI.gFaIZZLUpsH5PTlHhT464T+s+M

[ustk]

@trillbilly Your preset button is inside the fx buttons array, so it acts like those ones... Shouldn't it be a separated entity?

[ustk]

@trillbilly Also it shouldn't be savedInPreset enabled

[trillbilly]

@ustk Are they not acting in the same manner, a button with a popup panel? The "Engine" button works correctly and is not an "FX" button. The difference in the only panel not working is the Floating Tile. Is this why it needs to be separate?

EDIT: Actually, I do have another FloatingTile with "Custom Settings" on a button and this works just fine,

[ustk]

@trillbilly In fact you placed everything related to preset system inside the same panels and arrays than the FX stuff.
You should separate it, it shouldn't be part of the FX interface holder stuff either.
So place the browser somewhere else, then if you want to close it when you click on let say an FX, then close it from there by calling its own function.

[ustk]

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

@ustk Are they not acting in the same manner, a button with a popup panel? The "Engine" button works correctly and is not an "FX" button. The difference in the only panel not working is the Floating Tile. Is this why it needs to be separate?

EDIT: Actually, I do have another FloatingTile with "Custom Settings" on a button and this works just fine,

The fact you put everything even if not related in one holder, one array, and one callback is the source of many troubles and difficult to maintain. Keep FXs in a holder and presets in another one, things will be clearer, hence easier

[ustk]

@trillbilly Another solution could be to disable saveInPreset of all you buttons, so the callback that closes your holder isn't called on preset change.

[trillbilly]

@ustk When you're right, you're right. Thank you friend.

[ustk]

@trillbilly In fact, I think I haven't understood well your structure at first, so the second solution (disable saveInPreset) would be better in your case
Just make sure the holder is hidden at init, and done ;)

[ustk]

@trillbilly Hmm... Why is the holder not holding anything btw?

[ustk]

@trillbilly try this

HiseSnippet 2247.3oc0Z80aabbDeoruFSFKaEf7RdnnGTKLnfUn4+jUq+SEEojbUskEinhqCrcbNdbI4Bcb2C2smDoMTaQPaA5SIeBJ5y8SPezeLJ5CE4iPP9BzN6d+aOdjRxzRMI7o6lclY+MyrytyrGa5vLwttLGTlr6OxFixbUsVin79M5aPnns2.k45Z6yFUmMTutg4Ad1n5irMbcwcPYxboGHXJS1Kij+910paXYPMwwjPnmvHl3GQFP3wTaV6gDKqsL5f2mLPg6p011jQavrXd.ftjVQjMLmF8vO1Pv1bZnL+jM6P3LmVbCN1Ek4x0YcF0pO6HpO+Og3RZagEuTB0BTjO4sXVcDHVPE0nOwpSyPC2EAZoYra3R9tgOTaGRGRD8X2wBxAzikP0ejYtjv6RIfWIU3UTAdS.RYTfzk8gzGn0xzgXyiGQfm2WaaJG6z0.b6pPwmWzb+iqn0fAbP4EFXb.dKG3kHIxWpXwhKqe6hEW5tyma9b25VMMnXK8FVLWrC7JDNb45GZ3nW2iygWzuudn55g4qaY0fMvlQg2cyunOOKtzcyEK2VOMVxmoHZjb4WbqmVJTxkyoO4eSSxxyrjUlYIqNyRtxLJYSGrKl6NiRuIsGghij9E2MWhHqLjexAVIKIiqQRM8fZfTSFsSMfNSRUYljp5LI0JyfTAAvYPxffWfjhXWbLnuXaMmjQNEQ8GVD17epfKrSjfUGlU9tFVtXXnb4HTKXFz65QM4DFUmQixYCY1LToKCyqkGdobuNWVKlogkNoyP..QRTfP6fGta2XQf4Ha1bYm.D7UELbtrcYN54IfhJdWch98TzmEl1i2GndyatTtrvzl0ek2yHuXh1S1rQxJYAyehXZxWTL1wh4JT9NCewjgihBj7DphPFNNWNIdaqSnwHEPWaAuApqggkUa3zq7ocmRSNJlf46v7bwQ7GFGxiOT38DdZRWc+2JLPv5mZG3It0sxZ1Gadf9Q8Il80sk6cSb0Y1XJLrXIh3Q+.PJerueXLGrTuJtXXEU9EOz+XqEWR+92Wm63g0WSpXPWD86nu3hhY3X+YIBS8rXsg0G1LWhbY0MzMbvF5rt9hJAa.HGx.MELmhAkS6Cjx2LP7mlWFaEbO5z49yh49nIw8uizg2Olm9ShmeClzqOOevxWkXvP8e88EP9F2POjv8jDtoXxhnNRv1nDDtmjvMg4KxSCKIbYV3B1NDQJKg5R5fWboPGJfHbHqwKK8wXxk1oG2ruAsGtS9Pkcbtik46JI5Olww6RyKWjAKq0Gentcm3XAqisvNSbXQQcNmjf4odCZicT2LQvHToSxxmzld4SpU2Y5u6mBiL51TBeWvMLsZ9PAaYBkZoEfJfUtrPqqETnUKKHV3fHP8Tum1Cor1kPR.qVdK5LH7U01Apdbqm9P54fFJmPCeym7O+aq8VpgJuyXn5Dzvmt8FFbCQkqAdVvaaic3DQfLyF3Cg1.7qiMq1FX2C3LaTl4iNsBbw9y77Ay71Cf59ClXQmG8bXdzNngpS5H0WNRjSGQn1WUquLANhxa9xZcIVAsR7QZut4d69a2rw9ubqcezFat2w0evpEro8DthHHMeRHI2gPBoqn4u686FbZ2KrUmbZkt8pqtZ4RqfHb7.0NfheurOANdHeBxYyr8r2ktmXRZXQLOvma3TE3DtfyVbE1hbPW8coViPGFlPAst7dJF9UllgmSKrtNES+MN0hM8ZrZIMcznwMcDolxDaCGKP4pSdnyUrTJhp1olaFCnu4.E.gdPsTSghYfNqlc4yAyd51phC4LinJ+fCQU+9.QW8jPzJmHh96jSGQzy47zyh4kXk+03A2Hgu8skEyfSn81G1LSZlWWSkjZd.ZC07fMmbdPfGJoe.7RoiLAar6uK9BZM7b4rAsvbwT6hR3kpVr7upRkhI7RSz4UNAc4QHy8pLZuddnEoE2vgbHz.ycj0btrOI4AIIHsqG21imfTcutcwNsHuJImsLFXag2CJtHAY+ZGq2bmjLygxUG.l1NrNioFnuG7VFlPkJInKupq0gRzo7c7r3DaKxXnugE1vQb+QMZLAf8HngJQgRiYvs8NQH7Hhqv3e17xlJKVXkkCeZ0vGKUnXzSkiIF9T4BEEO7h4ycLZKl7rXs0cHFVJwoJIBqmozuqoo106zRAQmdJHruw2yofW+TRAWHvT2AS8jDUxAenpwlu1okm8Fqzooi4ISjGd8fwp6vNxELgyuzvRgoghBqaYbHN3BjtitrW6kiFaygPybtvBW20gVbs7FLAdj2.qyzzfnYC2InXnaffdZRt5WnPiCYNfAHtw3jR9XuA9nPHTofDOIAYae6IxwTSXpL1ukeqGHJ6YZ4KIypDuI1aRcYwY5H1qoodaP+e9X1rIK.yOtHg06qEcCtJXRWESuo4XX5O1XbLATf5yG3xAs6W7eleZppz86wsjrRc238.C6F5Ue3+YMWXk51T+jh2NanbJaXggWX1P4KFanR53vu+ByFpbwXCUSYCnu7ByFpdwXCqjdsze9ByFV472FBOVwMcrnohc70Gm5v5OeLK6O80oriedJ6H3LL4bMsUU5O+q92yr0j3afnlc7GdmsleQJqIwjcdYNS6BkTZ6sihs7sto.5OKEPOf11sTwRerOFGqzjmmpzjmWi5MnkPitwdnOqVZa6K5186V6s1VJqtJ6STrkuv5Gc1RE0Sm+K+3NtTUwV9W+0eXEWR+YxWPC5Vxyxfm7q1K9qJDL.ToZhOUt3ygC0uxGo9WY3b6S4eVg3Gn0jvM6OYLN2DvHBcgfwf+.DyqsIzCsIOFfWFNV6h4e6.ZOlmnepcLf3NrVSCJguETDsIFlcp3yx.zxLm3dp8eun3cgGnEl1Q9x+E9ELXIw6YBFrT3fnAFlNrWZ5eQ2h+hEWQRAvDUdkvYgE7v65QWQulVwBEQCft0eooov7+3RHzjko7LHSkYPlpyfLqLCxb6YPlUmAY9kmnLhKJYcONafe5.Pn4lxVSyjYSpArxRtJD8+PSJuMt