Click outside = Close panel - How ?

[lalalandsynth]

I am making my own Resize panel , so far so good , but on the original "Settings"one, if you click outside the panel, that closes the panel.
I am using a button to open the panel, not sure if there is a scripting function for this ?

I can live without it, but would be nice
Any tips on how I can achieve this?

[d.healey]

@lalalandsynth You'd need to make the panel cover the entire screen and handle it in the click event.

[Matt_SF]

@lalalandsynth https://docs.hise.audio/scripting/scripting-in-hise/scriptpanel.html#the-mouseevent-callback

[lalalandsynth]

@matt_sf So would I make a panel that covers entire screen where I place the button (that opens the panel) and when clicked outside the button it closes the panel ?
If so , how do I make the distinction between opened and closed , as in If the panel is closed and I click outside the button area I dont want it to open .

If I am making sense ?

[ustk]

@lalalandsynth the button has to be placed normally.
But the popup has to be in the transparent fullsize panel that also has mouse CB.
This way you just have to hide the transparent panel either you are clicking in it or in the popup

[Matt_SF]

@lalalandsynth you can check if the menu is open or not if you want but it's not necessary since you'll 'only close' it when the panel is clicked

HiseSnippet 919.3ocsVstaSCCE1tsdPBvDHwCPD+JSBlZgwEIzDk0sgpfsUQgIj3GSdItql4XWE6LnBMIDuB7BwiDuAvw4RS5nsaTIxOp54x247kiOmiSuXU.SqUwHry6FOhgv2jzerzLryPJWh5tMBuJYOp1vh8xTs03QTslEhv35uxp.6z.k97qWrEUPkArRUHzgJd.6M7HtoTau1ulKD6RCYuiGUw6MZ2MPI6nDpDfO0IMQinAmROgsO05VMBBuxNgbiJtugZXZDtwVpvw8Gp9rLy+C4Z9wBlUnEpODnL06pDgVFa0h5LjKB6U7dqQPT5UVEpmUEtKYOdHeh9xpwsSM3UhnZ8.WaZ5UeJ50ZdzaFTBWgRMxnzcH8Ch4iLkVr74FjtR3vY.EJ6UoRlunZ+nFoiB7PZVOhdJa2XPXBB+mzr488feV64ttPoWa7NiF6sUhwnjs71zq.5ILSGUzHkDD7uWt86AnJA0iJYh4iIy7zPxeeVLvpNYg6xkBtj4MHQFX3JomRlyGK9XkvOn.78grHRXq49UWGmrHrtFNMJbLy5ycOGh5k7ltt1pOEVGpPbLzW5ewDaIWU1ZwrmJQylfnfy9ryfvmxK9.+7nXS8gVF4ul2la50ZMWm4v6ATg1xaGmBn5Bn1SRmycO2xkJUn8UF1AR+zL5dtq2EMMXvLskmPAKdllsSuwKBnuLI5XVb0yAqiPK8zyIqb0lSBxNip3nR1UxMGLhkKu3AcT9grc9JmgfqlzoqUymtxpnHNDDGRd4EkRePwJEa0Puu61TCsHPPLg7LhEa31WG71ryfsdYisNjsY5SMpQPplzYgvWKKs2hToiIMqqVUSKzWPXB1lwwE+4y7PyvIKM+42aOjwOYnopFneC5Vx65z1rzQvg+4cfTL1VFlPCx7nw0IkDHOvei1d7Dg1ep8YEmR35UCYiqPAcNA8aerM5uW7AqbUgIBpY58v1KexM.McSs7ytfSp4lwUub5eX4byEtb9pRw6P5wMACmMGqMCNBsS+O3X9UZ2hryfAr.SIAaP18CK68WWR5eqJwvkmrG0Dyssv6mD0GtUOfAYWB8UZa2bM6HYlbyht69LYXpvugmbisrx3bisJLhhnAwpiBxFjsWZd8TM.mjoeufC7gKfr2j4WBo45MQQv82GEDXe8e.rkX1Xd3Rf4QKAlMVBLOdIv7jk.ySWBLOagXre5zKSLpnrwAPQucR2ihw6HoPmUZWH5OpFW6j.

[lalalandsynth]

@matt_sf I see , Cool !

[ustk]

@lalalandsynth @matt_sf nice, although I'd rather do it this way

HiseSnippet 911.3ocsVEtaaaCDlzIbMVasXEXO.B8Wp.cA1accEHnndwIYvXKIFycACX+nfgh1hMTjBRToyXn.C6IqOR8MX6HojEcmcQgwp9gg4c76tOd56NpokZFupRWhv8ewxBNB+EjYKUlrwYTgBM4DD9djyoUFdYr2zwKKnUU7TDFu2OZMf6uOx87tmeLURULdmID5Jsfw+YQtvzYc5neRHkmQS4uPjGr6GOZBSqFqk5ZfO6QFfJnranK3WPsaqGAg+rSSEFc4LC0vqP38OVmtbVl90J+9uRTItVxsKFhlAAxa9LsL0xXqUz3LgLcZ64tBAQYZWUXOeU3qHmKREqr2UM9Rmi3NDg0Cbu0o2dqQuggzaP.81.kvATZeOktOYFqTTX57X4ymSlnfWNyoPYOjJ98h587djwZXGJyg4za3mUBKVgH4ICF7nX3mGdTTDT5qLw2RKiOt1XzpgwOKtE5BtYrNuPqfEIOnw+C.Tcfxr03xshw6dcHE5h5hshv40BHJRnjBEOddshYDZUrV0PAKxRsLg0B6QPfk07GF8mQ88o7vJn92tOuyihdyQQMQ3vJaRcdGSkxqAAWx6GdGGZiF2bttthuZysjJgeKjeWhCB8U1DlLmJqrockGVFUsfmlXohK5AGsKzF9kpDWjhdST766Z97M5qgqRd4Fca6zJ+P.ST04WyKCKf1MBxu00zjsqoCa4X92oAaTqlnDlKK3ps0HhZDBV8eCqfsZbp+60n98UPj.D48IMkSjix.0vtwH+5jSnFZaPf3A4nfWZDV5iOgeKLQx2R0mbBu5Fit.FtrR4Am3OhT9GqFa8WzQK6V76iPAQ5.ejtaaqKUwkt.c.wqmBhC7rLbwqEolrUFd6eOJiKVjYBs.ZPPa2nDqr4YrT.+K9RkbI5112LvfIb.oHaiT2g35411YazqFUPKgPDd.aOGn+6.KXToNsVRMqO+zdoQiCP.t1PK6fIUkvrL7Rk+2Fp9wRw6SlJLrrMywdafifT6SAGatJ5tjSmOmyLcDbexY+1ml6cP+ht1HTKNmZJEfLfbQc9L31XFGxtBzI1A.3d1VU+5Asccy3pT2h+AdZbNztF23bXqSTNkUpeIy2faur6.mEfSJ2878gO3.VG20WSFb3.TNbu6KYL6w+qgoGaFy2rCX91c.yi2ALe2Nf4I6.lueGv7zOHF6m77C0Fctuc.LL8T2LVL9TEETVNUH5eAfC0WyH

[lalalandsynth]

@ustk This is cool , however, I lose access to anything under the the holder panel.
All sliders etc . I seem to recollect that was easily solvable , cant remember how ?
Can I not pass mousecallbacks through the holder panel or do I need to have the holder panel appear and disappear as well ?

[ustk]

@lalalandsynth In my snippet, you'll lose lower Z component access only when the menu is opened, which shouldn't be a problem, right?

[ustk]

@lalalandsynth The whole purpose of the holder is to handle the callback because you want to close the popup when clicking outside. Or there's something I don't get in what you want to do

[lalalandsynth]

@ustk That is exactly right. I am trying to implement this into what I already have going , probably doing something wrong.

The holder panel is blocking all sliders on my main interface at all times.
ONly does that in your snippet while button is engaged.

[lalalandsynth]

@ustk Got it , silly mistake ! Thanks guys !

[ustk]

@lalalandsynth Note that you should also be able to use a custom laf with a standard combobox or panelPopup

[lalalandsynth]

Works nicely!

[Matt_SF]

@ustk ah yes I used your way for an "About" panel popup in my last project.

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

you'll lose lower Z component access only when the menu is opened, which shouldn't be a problem, right?

You're right

[lalalandsynth]

This post is deleted!

[lalalandsynth]

In my project the holder panel is called ResizeMainPnl.
When I drag my sizing panel into that panel it changes the color/contrast ?
I cannot see why it would do that ?

[d.healey]

@lalalandsynth Why not use LAF as @ustk suggested?

[lalalandsynth]

@d-healey well, mostly because I got this working at the moment.
And I should be able to put these labels into a panel without it changing the color, would like to know why it does that. stupid mistake, fixed.

And finally, I know nothing about LAF at the moment.
Can I use that and have the 6 state png buttons , click outside panel to close etc?
I thought it was only for svg.